Angular 2 - Can't find module angular/core

Question

I'm coming here and asking a question that has been already answered in another post, but all the solutions don't work. So, I'm creating a new angular2 app from the quickstart folder of angular website.

I've done npm install and all is okay, I have my node_modules folder at the root.

But, when I'm doing ng serve, this is the error I got :

ERROR in angular/src/app/app.component.ts (1,27): Cannot find module '@angular/core'.
ERROR in angular/src/app/app.component.ts (8,14): Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option to remove this warning.
ERROR in angular/src/app/app.module.ts (1,31): Cannot find module '@angular/platform-browser'.
ERROR in angular/src/app/app.module.ts (2,26): Cannot find module '@angular/core'.
ERROR in angular/src/app/app.module.ts (16,14): Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option to remove this warning.
ERROR in angular/src/main.ts (1,32): Cannot find module '@angular/core'.
ERROR in angular/src/main.ts (2,40): Cannot find module '@angular/platform-browser-dynamic'.

This is my folder structure :

And this is my tsconfig.json :

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [ "es2015", "dom" ],
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true,
    "typeRoots": [
      "../node_modules/@types/"
    ]
  },
  "compileOnSave": true,
  "exclude": [
    "node_modules/*",
    "**/*-aot.ts"
  ]
}

Edit :

This is my app.module.ts :

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.module.ts content also please

Vega
– Vega

2017-08-23 11:00:15 +00:00
Commented Aug 23, 2017 at 11:00 — Vega
– Vega, Commented Aug 23, 2017 at 11:00
I've just edited

Alex Caron
– Alex Caron

2017-08-23 11:01:27 +00:00
Commented Aug 23, 2017 at 11:01 — Alex Caron
– Alex Caron, Commented Aug 23, 2017 at 11:01
check inside /node_module, do you have @angular/core ?

Vega
– Vega

2017-08-23 11:02:57 +00:00
Commented Aug 23, 2017 at 11:02 — Vega
– Vega, Commented Aug 23, 2017 at 11:02
Yep, I've all the folders it tell me it can't find

Alex Caron
– Alex Caron

2017-08-23 11:04:58 +00:00
Commented Aug 23, 2017 at 11:04 — Alex Caron
– Alex Caron, Commented Aug 23, 2017 at 11:04
You may need to upgrade your packages

Vega
– Vega

2017-08-23 11:07:34 +00:00
Commented Aug 23, 2017 at 11:07 — Vega
– Vega, Commented Aug 23, 2017 at 11:07

Apogee · Accepted Answer · 2017-08-23 11:23:20Z

1

I went through my tsconfig.json file and found that your tsconfig.json differs from mine. The "include" & "exclude" key values pairs are different. Have a look.

tsconfig.json

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "dom",
      "es2015"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "target": "es5"
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  }
}

answered Aug 23, 2017 at 11:23

Apogee

7398 silver badges20 bronze badges

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

Comments

Carsten · Accepted Answer · 2017-08-23 11:11:19Z

0

This is my tsconfig. maybe it helps:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

answered Aug 23, 2017 at 11:11

Carsten

4,22826 silver badges30 bronze badges

Collectives™ on Stack Overflow

Angular 2 - Can't find module angular/core

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related