dherges
commented
7 years ago More observations:
- I copied over working code from a fresh
ng new <project>and it caused the above error. - Webpack build fails when it encounters the lazy-loaded module.
In +content/content.module.ts:
// @NgModule({ ... })
// export class ContentModule {}Commenting-out gives ContentModule is not an NgModule error.
Commenting-in causes the above error.
ContentModule does work in a "fresh" app.
Here are dependencies in package.json and customized .angular-cli.json:
{
...
"devDependencies": {
"@angular/cli": "^1.1.0-rc.0",
"@angular/compiler-cli": "^4.1.3",
"@angular/tsc-wrapped": "^4.1.3",
"@types/jasmine": "^2.5.47",
"@types/node": "^7.0.18",
"angular2-template-loader": "^0.6.2",
"awesome-typescript-loader": "^3.1.3",
"babel-core": "^6.24.1",
"babel-loader": "^7.0.0",
"browser-sync": "^2.18.8",
"chalk": "^1.1.3",
"codelyzer": "^3.0.1",
"conventional-changelog": "^1.1.3",
"core-js": "^2.4.1",
"cpx": "^1.5.0",
"css-loader": "^0.28.1",
"del": "^2.2.2",
"dgeni": "^0.4.7",
"dgeni-packages": "^0.19.0",
"gray-matter": "^2.1.1",
"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.1",
"gulp-csso": "^3.0.0",
"gulp-if": "^2.0.2",
"gulp-imagemin": "^3.2.0",
"gulp-inline-ng2-template": "^4.0.0",
"gulp-rename": "^1.2.2",
"gulp-sass": "^3.1.0",
"gulp-sourcemaps": "^2.6.0",
"gulp-svgmin": "^1.2.3",
"gulp-svgstore": "^6.1.0",
"gulp-util": "^3.0.8",
"handlebars": "^4.0.8",
"i": "^0.3.5",
"istanbul-combine": "^0.3.0",
"istanbul-instrumenter-loader": "^2.0.0",
"jasmine-core": "^2.6.1",
"jasmine-spec-reporter": "^4.1.0",
"js-beautify": "^1.6.12",
"js-yaml": "^3.8.3",
"json-loader": "^0.5.4",
"karma": "^1.6.0",
"karma-chrome-launcher": "^2.1.0",
"karma-cli": "^1.0.1",
"karma-coverage": "^1.1.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "^1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"karma-mocha-reporter": "^2.2.3",
"karma-phantomjs-launcher": "^1.0.4",
"karma-remap-coverage": "^0.1.4",
"karma-sourcemap-loader": "^0.3.7",
"karma-webpack": "^2.0.3",
"markdown-it": "^8.3.1",
"merge-stream": "^1.0.1",
"minimist": "^1.2.0",
"mkdirp": "^0.5.1",
"mz": "^2.6.0",
"node-sass": "^4.5.3",
"protractor": "^5.1.1",
"raw-loader": "^0.5.1",
"rho": "^0.4.1",
"rimraf": "^2.6.1",
"rollup": "^0.41.6",
"rollup-plugin-angular-inline": "^1.0.0",
"rollup-plugin-node-resolve": "^3.0.0",
"run-sequence": "^1.2.2",
"sass-loader": "^6.0.5",
"shelljs": "^0.7.7",
"sorcery": "^0.10.0",
"sort-object": "^3.0.2",
"source-map-loader": "^0.2.1",
"standard-version": "^4.0.0",
"to-string-loader": "^1.1.5",
"ts-api-guardian": "^0.2.1",
"ts-helpers": "^1.1.2",
"ts-node": "^3.0.4",
"tslint": "^5.2.0",
"typescript": "^2.3.2",
"uglify-js": "^3.0.8",
"vinyl-fs": "^2.4.4",
"webpack": "^2.5.0",
"webpack-dev-middleware": "^1.10.2",
"webpack-dev-server": "^2.4.5",
"webpack-md5-hash": "^0.0.5",
"webpack-merge": "^4.1.0"
},
"dependencies": {
"@angular/common": "^4.1.3",
"@angular/compiler": "^4.1.3",
"@angular/core": "^4.1.3",
"@angular/forms": "^4.1.3",
"@angular/http": "^4.1.3",
"@angular/platform-browser": "^4.1.3",
"@angular/platform-browser-dynamic": "^4.1.3",
"@angular/router": "^4.1.3",
"@nice/nice-fluorine-icons": "^2.2.16",
"angular2-markdown": "^1.6.0",
"bootstrap": "4.0.0-alpha.6",
"marked-extras": "^0.2.4",
"rxjs": "^5.0.1",
"zone.js": "^0.8.4"
},
"peerDependencies": {
"@angular/common": "^4.1.3",
"@angular/compiler": "^4.1.3",
"@angular/core": "^4.1.3",
"@angular/forms": "^4.1.3",
"@angular/http": "^4.1.3",
"@angular/platform-browser": "^4.1.3",
"@angular/platform-browser-dynamic": "^4.1.3",
"@angular/router": "^4.1.3",
"@nice/nice-fluorine-icons": "^2.2.16",
"bootstrap": "4.0.0-alpha.6",
"rxjs": "^5.0.1",
"zone.js": "^0.8.4"
},
...
}{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "foobar"
},
"apps": [
{
"root": "guide",
"outDir": "dist/guide",
"assets": [
"assets",
"favicon.ico",
"**/*.md",
{
"input": "../node_modules/@foo/bar-icons/dist/solution-with-combined-SVG",
"glob": "**/*.svg",
"output": "assets/icons"
},
{
"input": "../node_modules/@foo/bar-icons/dist/vectors",
"glob": "**/*.svg",
"output": "assets/icons/icon_fluorine"
}
],
"index": "index.html",
"main": "main.ts",
"polyfills": "polyfills.ts",
"test": "test.ts",
"tsconfig": "tsconfig.app.json",
"testTsconfig": "tsconfig.spec.json",
"prefix": "ud",
"styles": [
"styles.scss",
"styles.css",
"styles.docs-api.scss"
],
"scripts": [],
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
}
],
"e2e": {
"protractor": {
"config": "./e2e/protractor.conf.js"
}
},
"lint": [
{
"project": "demo/tsconfig.app.json",
"tslintConfig": "demo/tslint.json"
},
{
"project": "demo/tsconfig.spec.json",
"tslintConfig": "demo/tslint.json"
},
{
"project": "e2e/tsconfig.e2e.json",
"tslintConfig": "demo/tslint.json"
}
],
"test": {
"karma": {
"config": "demo/karma.conf.js"
}
},
"defaults": {
"styleExt": "scss",
"component": {}
}
}
filipesilva
clydin
jwuliger
wnabil
alexfung888
vangorra
rudzikdawid
dzolnjan
shahraship
smasherprog
NateWarner
ghost
Realtin
larssn
lamnv5490
Quppa
stefdelec
kiramishima
RubensTen
ruchit07
maytanthegeek
mina-skunk
peterpeterparker
jmchaves
j1myx
MoneyRotten
duayres
Bug Report or Feature Request (mark with an
x)Versions.
Repro steps.
Include a lazy loaded module in
AppRoutingModule.This doesn't happen with a fresh
ng new <project>set-up. When adding"webpack": "^2.5.0"dependency, this breaks the build.A repro can be found here: dherges/ng-cli-lazy-loading-broken-6417. The change in package.json dependencies breaks the build.
The log given by the failure.
Desired functionality.
Lazy loading:
Mention any other details that might be useful.
There are other related issues from the past #3793, #4246