Angular ng buildは遅延ロードをブレーキします

Question

私は遅延ロード設定のアプリケーションを持っており、ng serveは動作していますが、ng buildを実行すると動作が停止し、エラーは発生しません。

欠落しているプロセスはありますか？私は角度のある公式ドキュメントを読んでも何も見当たりません。

私は、角度CLI 'ng new project-x'でアプリケーションをインストールします。私は最小限のライブラリを持っています。

は、ここに私のpackage.jsonです：

{ 
    "name": "single-boilerplate", 
    "version": "0.0.0", 
    "license": "MIT", 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve", 
    "build": "ng build", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular-redux/store": "^6.5.7", 
    "@angular/animations": "^4.2.4", 
    "@angular/common": "^4.2.4", 
    "@angular/compiler": "^4.2.4", 
    "@angular/core": "^4.2.4", 
    "@angular/forms": "^4.2.4", 
    "@angular/http": "^4.2.4", 
    "@angular/platform-browser": "^4.2.4", 
    "@angular/platform-browser-dynamic": "^4.2.4", 
    "@angular/router": "^4.2.4", 
    "@ngx-translate/core": "^8.0.0", 
    "@ngx-translate/http-loader": "^2.0.0", 
    "core-js": "^2.4.1", 
    "font-awesome": "^4.7.0", 
    "ng2-validation": "^4.2.0", 
    "redux": "^3.7.2", 
    "rxjs": "^5.4.2", 
    "zone.js": "^0.8.14" 
    }, 
    "devDependencies": { 
    "@angular/cli": "^1.5.0", 
    "@angular/compiler-cli": "^4.2.4", 
    "@angular/language-service": "^4.2.4", 
    "@types/es6-shim": "^0.31.35", 
    "@types/jasmine": "~2.5.53", 
    "@types/jasminewd2": "~2.0.2", 
    "@types/node": "^6.0.90", 
    "codelyzer": "~3.2.0", 
    "jasmine-core": "~2.6.2", 
    "jasmine-spec-reporter": "~4.1.0", 
    "karma": "~1.7.0", 
    "karma-chrome-launcher": "~2.1.1", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^1.2.1", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "~5.1.2", 
    "ts-node": "~3.2.0", 
    "tslint": "~5.7.0", 
    "typescript": "~2.3.3" 
    } 
} 

これは私のメインのルータである：私は今、問題が何であるかいけない

export const AppRoutes: Routes = [ 
    { 
    path: '', 
    component: AppComponent, 
    children: [ 
     { path: '', loadChildren: './components/dashboard/dashboard.module#DashboardModule' } 
    ] 
    }, 
    { 
    path: '', 
    component: AuthComponent, 
    children: [ 
     { path: '', loadChildren: './components/auth/auth.module#AuthModule' } 
    ] 
    }, 
    { 
    path: '**', 
    redirectTo: '404' 
    } 
]; 

。これはあなたの誰にも起こりますか？

Answer 1

ソリューション1

あなたpackage.jsonファイル内のWebPACKへの参照を削除し、あなたのnode_modulesフォルダを削除、あなたのpackage.lock.json（またはyarn.lock.json）ファイルを削除してみてください（あなたは1を持っているように見えませんが、あなたができます」 CLIを介して提供された2つのバージョンのwebpackがインストールされています）、npm installを実行します。

webpackの2つのバージョンがインストールされているかどうかを確認する方法は、npm ls webpackを実行することですが、package.jsonに保存されていない限り、再度表示されません。

私はこの解決策をGithubに見つけました。それは私のために働きました。そして明らかにカップルの他のポスターでした。

ソリューションは、2

また、上記の動作しない場合は、一部の人々は、単にの4.xの新しいバージョンに更新されていることが表示されます。