Angular-cli: ERROR in Could not resolve "./src/app/app.module" from "./src/app/app.module".

Created on 22 Feb 2017 · 21Comments · Source: angular/angular-cli

OS?

Xubuntu

Versions.

Node: 6.0.0
Angular: 4.0.0-beta.8
'@ngtools/webpack' plugin: 1.2.10

Repro steps.

new AotPlugin({
     tsConfigPath: './tsconfig.json',
     entryModule: './src/app/app.module#AppModule'
 })

main.ts

import './vendors.ts';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/app.module';

if (environment.production) {
    enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule);

app.module.ts

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

import { GeneratorAppModule } from './generator-app/generator-app.module'

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

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

The log given by the failure.

ERROR in Could not resolve "./src/app/app.module" from "./src/app/app.module".

This error occurs only wiht AOT compilation.
I using Webpack @ngtools/webpack plugin. Code compiled fine, it runnable, but i got this error.

Full stack trace:

Hash: 50a4ef2cbf71037e65e7
Version: webpack 2.2.1
Time: 65029ms
        Asset       Size  Chunks                    Chunk Names
      main.js     740 kB       0  [emitted]  [big]  main
    vendor.js     112 kB       1  [emitted]         vendor
  main.js.map    2.37 MB       0  [emitted]         main
vendor.js.map     377 kB       1  [emitted]         vendor
   index.html  934 bytes          [emitted]         
   [0] ./~/@angular/core/index.js 2.61 kB {0} [built]
  [22] ./~/tslib/tslib.es6.js 5.03 kB {1} [built]
  [55] ./~/core-js/modules/_core.js 117 bytes {1} [built]
 [193] ./~/@angular/platform-browser/index.js 716 bytes {0} [built]
 [266] ./src/vendors.ts 153 bytes {1} [built]
 [302] ./~/@angular/forms/src/form_builder.js 4.82 kB {0} [built]
 [329] ./src/environments/environment.ts 102 bytes {0} [built]
 [382] ./src/main.ts 496 bytes {0} [built]
 [467] ./$$_gendir/src/app/app.module.ngfactory.ts 41.8 kB {0} [built]
 [483] ./~/core-js/es6/index.js 5.88 kB {1} [built]
 [484] ./~/core-js/es7/reflect.js 510 bytes {1} [built]
 [504] ./~/core-js/modules/es6.array.join.js 451 bytes {1} [built]
 [681] ./~/zone.js/dist/zone.js 85.1 kB {1} [built]
 [690] multi ./src/main.ts 28 bytes {0} [built]
 [691] multi ./src/vendors.ts 28 bytes {1} [built]
    + 677 hidden modules

ERROR in Could not resolve "./src/app/app.module" from "./src/app/app.module".

npm ERR! Linux 3.13.0-107-generic
npm ERR! argv "/home/xxx/.nvm/versions/node/v6.0.0/bin/node" "/home/xxx/.nvm/versions/node/v6.0.0/bin/npm" "run" "build"
npm ERR! node v6.0.0
npm ERR! npm  v3.8.6
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build: `NODE_ENV=production $(npm bin)/webpack && find ./dist -name \*.js -exec cp {} ./public \;`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the [email protected] build script 'NODE_ENV=production $(npm bin)/webpack && find ./dist -name \*.js -exec cp {} ./public \;'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the generator package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     NODE_ENV=production $(npm bin)/webpack && find ./dist -name \*.js -exec cp {} ./public \;
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs generator
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls generator
npm ERR! There is likely additional logging output above.

Source

sanex3339

👍16 🎉3 😄2

Most helpful comment

I have literally suffered from this weird error yesterday. The error message is not clear at all, and doesn't show any error stack. The fix is very simple, just use the absolute path for your entryModule. You can use
the path helper to make your build more portable. See the code below:

    new AotPlugin({
        tsConfigPath: './tsconfig.json',
        entryModule: helpers.root('src/main/webapp/app/app.module.ts#AppModule')
    }),

Also as a side note (unrelated to this error), I think have to use for AoT build
```
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory).catch(err => console.error(err));

instead of

platformBrowserDynamic().bootstrapModule(AppModule);
```

aboodz on 23 Feb 2017

👍28 🎉12 😄2

All 21 comments

    new AotPlugin({
        tsConfigPath: './tsconfig.json',
        entryModule: helpers.root('src/main/webapp/app/app.module.ts#AppModule')
    }),

Also as a side note (unrelated to this error), I think have to use for AoT build
```
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory).catch(err => console.error(err));

instead of

platformBrowserDynamic().bootstrapModule(AppModule);
```

aboodz on 23 Feb 2017

👍28 🎉12 😄2

Thank you, it works!

sanex3339 on 23 Feb 2017

@sanex3339 Did you had to use platformBrowser instead of platformBrowserDynamic?

Ravencrow on 7 Mar 2017

👍1

No, i'm still using platformBrowserDynamic

sanex3339 on 7 Mar 2017

👍3

Cool, Thanks!

Ravencrow on 7 Mar 2017

@aboodz what module did you get the "helpers.root" from? I can't seem to find it anywhere...

ChristianBorresen on 26 Apr 2017

@leBoer nice catch... I have just noticed that now. I started my project from this seed. I thought it is part of node (I'm new to node). It looks like a custom made util that uses path node module. This is how implemented

_$project_root/config/helpers.js_

var path = require('path');

var _root = path.resolve(__dirname, '..');

function root(args) {
  args = Array.prototype.slice.call(arguments, 0);
  return path.join.apply(path, [_root].concat(args));
}

exports.root = root;

then in webpack.config I use require to import it helpers = require('./helpers');

aboodz on 26 Apr 2017

🎉1

Hiwhen i am using

helpers = require('./helpers');

Cannot find module './helpers'

How to resolve this?

AbinayaSubbiah on 27 May 2017

👎3

@AbinayaSubbiah You need to construct a helpers.js as the post above yours says.

inthegarage on 7 Jun 2017

I've tried all the above but I'm still getting an error when I build with AoT. Below is my error along with the relevant code. Can someone please help me figure out what I'm missing? It works when I build for development. It only errors out when I build with AoT. I'm using @ngtools/webpack.

Error

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './ngfactory/src/app/app.module.ts.ngfactory' in '/Users/rlind/Development/myapp/web/src'
resolve './ngfactory/src/app/app.module.ts.ngfactory' in '/Users/rlind/Development/myapp/web/src'
  using description file: /Users/rlind/Development/myapp/web/package.json (relative path: ./src)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: /Users/rlind/Development/myapp/web/package.json (relative path: ./src)
    using description file: /Users/rlind/Development/myapp/web/package.json (relative path: ./src/ngfactory/src/app/app.module.ts.ng
factory)
      as directory
        /Users/rlind/Development/myapp/web/src/ngfactory/src/app/app.module.ts.ngfactory doesn't exist
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /Users/rlind/Development/myapp/web/src/ngfactory/src/app/app.module.ts.ngfactory doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        /Users/rlind/Development/myapp/web/src/ngfactory/src/app/app.module.ts.ngfactory.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /Users/rlind/Development/myapp/web/src/ngfactory/src/app/app.module.ts.ngfactory.js doesn't exist
[/Users/rlind/Development/myapp/web/src/ngfactory/src/app/app.module.ts.ngfactory]
[/Users/rlind/Development/myapp/web/src/ngfactory/src/app/app.module.ts.ngfactory]
[/Users/rlind/Development/myapp/web/src/ngfactory/src/app/app.module.ts.ngfactory.ts]
[/Users/rlind/Development/myapp/web/src/ngfactory/src/app/app.module.ts.ngfactory.js]

Webpack Prod Config

var webpack = require('webpack');
var webpackMerge = require('webpack-merge');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var commonConfig = require('./webpack.common.js');
var helpers = require('./helpers');
const AotPlugin = require('@ngtools/webpack').AotPlugin;

const ENV = process.env.NODE_ENV = process.env.ENV = 'production';
const PROXY_URL = process.env.PROXY_URL = '';
const WEBSOCKET_URL = process.env.WEBSOCKET_URL = '';

module.exports = webpackMerge(commonConfig, {
  devtool: 'cheap-module-eval-source-map',

  module: {
    loaders: [
      {
        test: /\.ts$/, loaders: ['@ngtools/webpack']
      }
    ]
  },

  output: {
    path: helpers.root('dist'),
    publicPath: '/',
    filename: '[name].js',
    chunkFilename: '[id].chunk.js'
  },
  plugins: [
     new AotPlugin({
                tsConfigPath: './tsconfig.json',
                entryModule: helpers.root('src/app/app.module.ts#AppModule')
            }),
    new ExtractTextPlugin('[name].css'),
    new webpack.DefinePlugin({
      'process.env': {
        'PROXY_URL': JSON.stringify(PROXY_URL),
        'WEBSOCKET_URL': JSON.stringify(WEBSOCKET_URL),
        'ENV': JSON.stringify(ENV)
      }
    })
  ]
});

tsconfig.json

{
    "compilerOptions": {
        "typeRoots": [
            "./node_modules/@types"
        ],
        "types": [
            "hammerjs",
            "node"
        ],
        "target": "es6",
        "module": "commonjs",
        "moduleResolution": "node",
        "noImplicitAny": false,
        "removeComments": true,
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "outDir": "out",
        "suppressImplicitAnyIndexErrors": true,
        "allowJs": true
    },
    "files": [
        "src/app/app.module.ts", // This will ensure the ngFactory is created
        "src/main.ts"
    ],
    "exclude": [
        "out",
        "node_modules",
        "dist",
        "dev",
        "reports"
    ],
    "angularCompilerOptions": {
        "genDir": "./src/ngfactory",
        "entryModule": "src/app/app.module#AppModule"
    },
    "version": "1.8.10"
}

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppModule } from './app/app.module';
if (process.env.ENV === 'production') {
  enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule).catch(err => console.error(err));

package.json

{
  "name": "myapp",
  "version": "1.0.0",
  "description": "My Web App",
  "license": "none",
  "scripts": {
    "build": "rimraf dist && webpack -p --progress --profile --verbose",
    "server": "webpack-dev-server --history-api-fallback --inline --progress",
    "test": "karma start",
    "app": "npm run server",
    "heroku": "node server.js"
  },
  "repository": {
    "type": "git"
  },
  "dependencies": {
    "@angular/animations": "^4.1.3",
    "@angular/common": "^4.1.3",
    "@angular/compiler": "^4.1.3",
    "@angular/compiler-cli": "^4.1.3",
    "@angular/core": "^4.1.3",
    "@angular/forms": "^4.1.3",
    "@angular/http": "^4.1.3",
    "@angular/material": "^2.0.0-beta.6",
    "@angular/platform-browser": "^4.1.3",
    "@angular/platform-browser-dynamic": "^4.1.3",
    "@angular/platform-server": "^4.1.3",
    "@angular/router": "^4.1.3",
    "@ngtools/webpack": "^1.4.1",
    "@types/core-js": "^0.9.41",
    "@types/gapi": "0.0.33",
    "@types/gapi.auth2": "0.0.39",
    "@types/hammerjs": "^2.0.34",
    "@types/jasmine": "^2.5.51",
    "@types/jquery": "^2.0.46",
    "@types/lodash": "^4.14.65",
    "@types/node": "^7.0.29",
    "@types/systemjs": "^0.20.2",
    "amcharts3-angular2": "^1.2.1",
    "angular2-template-loader": "^0.6.2",
    "awesome-typescript-loader": "^3.1.3",
    "bufferutil": "^3.0.1",
    "compression": "^1.6.2",
    "compression-webpack-plugin": "^0.4.0",
    "core-js": "^2.4.1",
    "css-loader": "^0.28.4",
    "express": "^4.15.3",
    "extract-text-webpack-plugin": "^2.1.2",
    "favicons-webpack-plugin": "0.0.7",
    "file-loader": "^0.11.2",
    "firebase": "^4.1.2",
    "fs": "0.0.1-security",
    "hammerjs": "^2.0.8",
    "html-loader": "^0.4.5",
    "html-webpack-plugin": "^2.28.0",
    "intrinio-realtime": "^1.0.1",
    "jasmine-core": "^2.6.3",
    "jquery": "^3.2.1",
    "json-loader": "^0.5.4",
    "jspdf": "^1.3.3",
    "karma": "^1.7.0",
    "karma-jasmine": "^1.1.0",
    "karma-phantomjs-launcher": "^1.0.4",
    "karma-sourcemap-loader": "^0.3.7",
    "karma-webpack": "^2.0.3",
    "node-sass": "^4.5.3",
    "null-loader": "^0.1.1",
    "phantomjs-prebuilt": "^2.1.14",
    "postcss-loader": "^2.0.5",
    "raw-loader": "^0.5.1",
    "resolve-url-loader": "^2.0.2",
    "rimraf": "^2.6.1",
    "rxjs": "^5.4.0",
    "sass-loader": "^6.0.5",
    "style-loader": "^0.18.2",
    "systemjs": "^0.20.13",
    "to-string-loader": "^1.1.5",
    "typescript": "^2.3.4",
    "url-loader": "^0.5.8",
    "utf-8-validate": "^3.0.2",
    "webpack": "^2.6.1",
    "webpack-dev-server": "^2.4.5",
    "webpack-merge": "^4.1.0",
    "zone.js": "^0.8.12"
  }
}

rycharlind on 12 Jun 2017

👍3

@rycharlind I am also getting that error. It has to do something with AOT compilation as mention here . It says to build without AOT for production.

midhunadarvin on 17 Jun 2017

Could not resolve module ../column-a-table/atable.module relative to /src/app/app.module.ts
using ng build or even ng serve. if I use ng serve then i still get the error then i save again it runs but I cannot get ng build to work.

Sevensnake on 3 Nov 2017

👍2

ng new myapp
Error: Path "/app/app.module.ts" does not exist.
Path "/app/app.module.ts" does not exist.

I am getting this result can anyone help me.

tejas17kuthe on 7 Dec 2017

👍1

I solved this error in my project.

app | version
------ | ------
Angular-CLI | 1.6.0
Angular | 5.0.0
Node | 6.10.1
OS | win32 x64

tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
      ...
      ...
   },
  "files": [ //_add_this_section_without_this_comment_;)
      "src/typings.d.ts",
      "src/polyfills.ts",
      "src/app/app.module.ts",
      "src/main.ts"
  ]
}

Next typing in console:

ng serve --aot

Then fix all errors produced by compiler. And finally:

ng build --prod --aot

abcx on 13 Dec 2017

When I create a new project "ng new project-name" , I get this error:

Error: Path "/app/app.module.ts" does not exist.
Path "/app/app.module.ts" does not exist.

I reinstalled Node and Angular, did it several times. cleaning cache and so on.
Can anyone please help?

OrkhanHuseynli on 24 Dec 2017

I am new to angular. I am using HttpInterceptor and HttpClient method. Earlier i was using Http only.
After doing all changes from Http to HttpClient, i am getting these errors

untitled
untitled_2

can anyone help me out of this error?

Thanks in advance :)

preet-ips on 13 Jan 2018

Issue found and solved.

preet-ips on 13 Jan 2018

👎7 😕1

@preet-ips: how did you solved please explore your scenario

html5ravi on 23 Aug 2018

I am also facing the same issue:

I upgraded from angular 5.2 to angular 7

ERROR in Could not resolve module model.module relative to app\app.module.ts

I tried:

Deleting node_modules
npm cache verify
npm install

package.json:
{
"version": "1.0.0",
"name": "intelligence-model-configiguration",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular-devkit/core": "^7.2.1",
"@angular/animations": "^7.2.0",
"@angular/cdk": "^7.2.1",
"@angular/common": "^7.2.0",
"@angular/compiler": "^7.2.0",
"@angular/core": "^7.2.0",
"@angular/forms": "^7.2.0",
"@angular/http": "^7.2.0",
"@angular/material": "^7.2.1",
"@angular/platform-browser": "^7.2.0",
"@angular/platform-browser-dynamic": "^7.2.0",
"@angular/router": "^7.2.0",
"@angular/upgrade": "^7.2.0",
"@types/hammerjs": "^2.0.36",
"classnames": "2.2.5",
"clusterize.js": "0.17.6",
"codemirror": "^5.42.2",
"core-js": "^2.5.4",
"d3": "3.5.17",
"element-class": "0.2.2",
"enhanced-resolve": "^4.1.0",
"es6-promise": "3.2.1",
"es6-shim": "0.35.1",
"escape-html": "1.0.3",
"flattree": "^0.11.0",
"font-awesome": "^4.7.0",
"gulp": "^4.0.0",
"gulp-clean": "^0.4.0",
"gulp-concat": "^2.6.1",
"gulp-cssmin": "^0.2.0",
"gulp-help": "^1.6.1",
"gulp-if": "^2.0.2",
"gulp-less": "^4.0.1",
"gulp-plumber": "^1.2.1",
"gulp-rename": "^1.4.0",
"gulp-sass": "^4.0.2",
"gulp-sourcemaps": "^2.6.4",
"gulp-tsc": "^1.3.2",
"gulp-typescript": "^5.0.0",
"gulp-uglify": "^3.0.1",
"hammerjs": "^2.0.8",
"html5-tag": "^0.3.0",
"infinite-tree": "^1.16.2",
"ionic-gulp-tslint": "^1.1.0",
"is-dom": "^1.0.9",
"ng2-codemirror": "^1.1.3",
"primeng": "^7.0.4",
"reflect-metadata": "^0.1.12",
"rxjs": "~6.3.3",
"string.prototype.startswith": "0.2.0",
"stringformat": "0.0.5",
"systemjs": "0.19.43",
"tslib": "^1.9.0",
"underscore": "^1.9.1",
"zone.js": "^0.8.27"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.12.1",
"@angular/cli": "^7.2.1",
"@angular/compiler-cli": "~7.1.0",
"@angular/language-service": "~7.1.0",
"@types/chai": "3.5.2",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"@types/lodash": "^4.14.119",
"@types/node": "^10.12.18",
"codelyzer": "~4.5.0",
"del": "2.2.2",
"fs": "0.0.2",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~3.1.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "^3.1.6"
}
}

Angular CLI: 7.2.1
Node: 11.4.0
OS: win32 x64
Angular: 7.2.0
... animations, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic, router, upgrade

Package Version

@angular-devkit/architect 0.12.1
@angular-devkit/build-angular 0.12.1
@angular-devkit/build-optimizer 0.12.1
@angular-devkit/build-webpack 0.12.1
@angular-devkit/core 7.2.1
@angular-devkit/schematics 7.2.1
@angular/cdk 7.2.1
@angular/cli 7.2.1
@angular/compiler-cli 7.1.4
@angular/language-service 7.1.4
@angular/material 7.2.1
@ngtools/webpack 7.2.1
@schematics/angular 7.2.1
@schematics/update 0.12.1
rxjs 6.3.3
typescript 3.1.6
webpack 4.23.1

What am i missing>????

pragyabinani on 15 Jan 2019

I am also facing the same issue:

I upgraded from angular 5.2 to angular 7

ERROR in Could not resolve module model.module relative to app\app.module.ts

I tried:

Deleting node_modules

npm cache verify

npm install

package.json:
{
"version": "1.0.0",
"name": "intelligence-model-configiguration",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular-devkit/core": "^7.2.1",
"@angular/animations": "^7.2.0",
"@angular/cdk": "^7.2.1",
"@angular/common": "^7.2.0",
"@angular/compiler": "^7.2.0",
"@angular/core": "^7.2.0",
"@angular/forms": "^7.2.0",
"@angular/http": "^7.2.0",
"@angular/material": "^7.2.1",
"@angular/platform-browser": "^7.2.0",
"@angular/platform-browser-dynamic": "^7.2.0",
"@angular/router": "^7.2.0",
"@angular/upgrade": "^7.2.0",
"@types/hammerjs": "^2.0.36",
"classnames": "2.2.5",
"clusterize.js": "0.17.6",
"codemirror": "^5.42.2",
"core-js": "^2.5.4",
"d3": "3.5.17",
"element-class": "0.2.2",
"enhanced-resolve": "^4.1.0",
"es6-promise": "3.2.1",
"es6-shim": "0.35.1",
"escape-html": "1.0.3",
"flattree": "^0.11.0",
"font-awesome": "^4.7.0",
"gulp": "^4.0.0",
"gulp-clean": "^0.4.0",
"gulp-concat": "^2.6.1",
"gulp-cssmin": "^0.2.0",
"gulp-help": "^1.6.1",
"gulp-if": "^2.0.2",
"gulp-less": "^4.0.1",
"gulp-plumber": "^1.2.1",
"gulp-rename": "^1.4.0",
"gulp-sass": "^4.0.2",
"gulp-sourcemaps": "^2.6.4",
"gulp-tsc": "^1.3.2",
"gulp-typescript": "^5.0.0",
"gulp-uglify": "^3.0.1",
"hammerjs": "^2.0.8",
"html5-tag": "^0.3.0",
"infinite-tree": "^1.16.2",
"ionic-gulp-tslint": "^1.1.0",
"is-dom": "^1.0.9",
"ng2-codemirror": "^1.1.3",
"primeng": "^7.0.4",
"reflect-metadata": "^0.1.12",
"rxjs": "~6.3.3",
"string.prototype.startswith": "0.2.0",
"stringformat": "0.0.5",
"systemjs": "0.19.43",
"tslib": "^1.9.0",
"underscore": "^1.9.1",
"zone.js": "^0.8.27"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.12.1",
"@angular/cli": "^7.2.1",
"@angular/compiler-cli": "~7.1.0",
"@angular/language-service": "~7.1.0",
"@types/chai": "3.5.2",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"@types/lodash": "^4.14.119",
"@types/node": "^10.12.18",
"codelyzer": "~4.5.0",
"del": "2.2.2",
"fs": "0.0.2",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~3.1.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "^3.1.6"
}
}

Angular CLI: 7.2.1
Node: 11.4.0
OS: win32 x64
Angular: 7.2.0
... animations, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic, router, upgrade

Package Version

@angular-devkit/architect 0.12.1
@angular-devkit/build-angular 0.12.1
@angular-devkit/build-optimizer 0.12.1
@angular-devkit/build-webpack 0.12.1
@angular-devkit/core 7.2.1
@angular-devkit/schematics 7.2.1
@angular/cdk 7.2.1
@angular/cli 7.2.1
@angular/compiler-cli 7.1.4
@angular/language-service 7.1.4
@angular/material 7.2.1
@ngtools/webpack 7.2.1
@schematics/angular 7.2.1
@schematics/update 0.12.1
rxjs 6.3.3
typescript 3.1.6
webpack 4.23.1

What am i missing>????

In tsconfig.json, make sure this section is written like this:
"angularCompilerOptions": {
"genDir": "./dist/ngfactory",
"entryModule": "./app/app.module#AppModule"
}

I had entryModule which was set to ./src/app/app.module#AppModule, so it couldn't find app module. Seems in angular 7, the linking here starts inside src.