Angular2 cannot find module '../webservices'

Question

In my app.component.ts I import my webservices module as such:

But I'm getting red squiggly lines, even though I think I should be importing it correctly. Here's my app structure:

Here's my web service module:

it should be import { WebService } from './webservices/webservices' — Michael Kang
– Michael Kang, Commented May 7, 2017 at 22:48
if you use a "good" IDE, it will suggest the right imports for you automatically. — phil294
– phil294, Commented May 7, 2017 at 22:49
@Blauhirn Visual Studio Code has path prediction, If you say it's a bad IDE, you probably never tested it and I recommend you to do so. The issue Amanda_Panda is facing is a common error, to import the folder instead of the file simply because you do not specify the .ts of the files when you import them. — Ploppy
– Ploppy, Commented May 7, 2017 at 23:05
VS Code really is a nice IDE/text editor. And I don't use Windows. — Amanda_Panda
– Amanda_Panda, Commented May 7, 2017 at 23:08
@Ploppy Surely the greatness of an IDE is not determined by its ability to import paths correctly. I didn't know VSC had this bug, but that is good to know and kind of disappointing. — phil294
– phil294, Commented May 7, 2017 at 23:26

Pablo Cesar Cordova Morales · Accepted Answer · 2017-05-07 22:48:44Z

2

Must be:

import {Webservice} from './webservices/webservices.services';

answered May 7, 2017 at 22:48

1,1484 gold badges18 silver badges32 bronze badges

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

1 Comment

Making that change still give me the error Cannot find module './webservices/webservices'.