Unable to Import from Non Angular Modules in Angular 2

Question

I'm unable to import from a non angular module.

app.components.ts

Folder

Node_Modules -> array- slice

import {array-slice}from 'array-slice' <- Doesn't work

import {Http,Response} from '@angular/http' <-- Works

Community · Accepted Answer · 2017-05-23 12:32:29Z

3

try

 import slice = require('array-slice');

the { Http, Response } syntax only works for es6 modules with multiple named exports. The following would also work in typescript

import * as slice from 'array-slice'

but read details here about why this is not the best approach - New es6 syntax for importing commonjs / amd modules i.e. `import foo = require('foo')`

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Feb 22, 2017 at 3:36

glendaviesnz

1,91914 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

fullyconnected Over a year ago

Thank you. I keep getting a TS2307: Cannot find module 'array-slice'

fullyconnected Over a year ago

That module is present under node_modules (library root)

fullyconnected Over a year ago

Thanks for all your help, I realized that I wasn't using reconfigure.json in my typescript setting in webstorm.

glendaviesnz Over a year ago

great - in case anyone else has a similar problem the cannot find module error is usually related to node modules without type definition files - other possible solutions here - stackoverflow.com/questions/37000981/…

Collectives™ on Stack Overflow

Unable to Import from Non Angular Modules in Angular 2

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related