préchargement a échoué en raison de l'erreur: Erreur: Module de construction a échoué: Erreur: ENOENT: Aucun fichier ou répertoire, ouvert

Question

Je suis en train d'utiliser NGX-traduire ou NG2-translate depuis des mois ...

Je garde Laisser aller pendant un certain temps et continuer à développer d'autres sections de l'application.

J'ai encore essayé maintenant avec Core 2, mais toujours pas de chance.

Je crée le projet et cela fonctionne parfaitement. Je peux changer ou créer des composants angulaires avec tout ce qui fonctionne bien.

Dès que j'installe ngx-translate (https://www.npmjs.com/package/@ngx-translate/core) ou ng2-translate (https://www.npmjs.com/package/ng2-translate) rien ne fonctionne. Le problème le plus commun que je rencontre est

NodeInvocationException: Prerendering failed because of error: Error: Module build failed: Error: ENOENT: no such file or directory, open 'C:\Users\Andrei\AngularDefault\SIGAD\node_modules\@angular\platform-server\bundles\platform-server.umd.js'. 

Je reçois ces avertissements quand j'installe cependant:

NPM installer @ NGX-translate/core --save

npm WARN aspnet-webpack@2.0.1 requires a peer of webpack@^1.13.2 || ^2.1.0-beta but none was installed. 
npm WARN karma-chai@0.1.0 requires a peer of chai@* but none was installed. 
npm WARN karma-jasmine@1.1.0 requires a peer of jasmine-core@* but none was installed. 
npm WARN webpack-dev-middleware@1.11.0 requires a peer of webpack@^1.0.0 || ^2.0.0 || ^3.0.0 but none was installed. 
npm WARN @ngx-translate/core@7.2.0 requires a peer of @angular/core@>=2.0.0 but none was installed. 
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents): 
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any 
"} (current: {"os":"win32","arch":"x64"}) 

pour NPM installer @ NGX-translate/http-loader

npm WARN @ngx-translate/core@7.2.0 requires a peer of @angular/core@>=2.0.0 but none was installed. 
npm WARN aspnet-webpack@2.0.1 requires a peer of webpack@^1.13.2 || ^2.1.0-beta but none was installed. 
npm WARN karma-chai@0.1.0 requires a peer of chai@* but none was installed. 
npm WARN karma-jasmine@1.1.0 requires a peer of jasmine-core@* but none was installed. 
npm WARN webpack-dev-middleware@1.11.0 requires a peer of webpack@^1.0.0 || ^2.0.0 || ^3.0.0 but none was installed. 
npm WARN @ngx-translate/http-loader@1.0.2 requires a peer of @angular/core@>=4.3.0 but none was installed. 
npm WARN @ngx-translate/http-loader@1.0.2 requires a peer of @angular/common@>=4.3.0 but none was installed. 
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents): 
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any 
"} (current: {"os":"win32","arch":"x64"}) 

Ce n'est pas le seul fichier que je reçois avec « préchargement a échoué parce que ... ". Par exemple, la chose la plus étrange est si je télécharge le modèle Mark Pieszak https://github.com/MarkPieszak/aspnetcore-angular2-universal. Je reçois un autre fichier dans l'erreur:

NodeInvocationException: Prerendering failed because of error: Error: Module build failed: Error: ENOENT: no such file or directory, open 'C:\Users\Andrei\AngularDefault\SIGAD\node_modules\reflect-metadata\Reflect.js' 
at Error (native) 

Sans que je fasse des changements ... est-ce un problème de Windows ou quelque chose? D'autres questions et problèmes sur github comme Ionic: Error: Module build failed: Error: ENOENT: no such file or directory Je suspecte qu'après que j'ai mis à jour angulaire à la plus nouvelle version 4.3.6 certains des paquets ont changé leur cas, mais je n'arrive pas à les trouver.

Je n'ai pas du code écrit événement d'utiliser l'un de ces paquets ...

mon package.json est:

{ 
    "name": "SIGAD", 
    "private": true, 
    "version": "0.0.0", 
    "scripts": { 
    "test": "karma start ClientApp/test/karma.conf.js" 
    }, 
    "dependencies": { 
    "@angular/animations": "4.3.6", 
    "@angular/common": "4.3.6", 
    "@angular/compiler": "4.3.6", 
    "@angular/compiler-cli": "4.3.6", 
    "@angular/core": "4.3.6", 
    "@angular/forms": "4.3.6", 
    "@angular/http": "4.3.6", 
    "@angular/platform-browser": "4.3.6", 
    "@angular/platform-browser-dynamic": "4.3.6", 
    "@angular/platform-server": "4.3.6", 
    "@angular/router": "4.3.6", 
    "@ngtools/webpack": "1.6.2", 
    "@ngx-translate/core": "^7.2.0", 
    "@types/webpack-env": "1.13.0", 
    "angular2-template-loader": "0.6.2", 
    "aspnet-prerendering": "^3.0.1", 
    "aspnet-webpack": "^2.0.1", 
    "awesome-typescript-loader": "3.2.3", 
    "bootstrap": "3.3.7", 
    "css": "2.2.1", 
    "css-loader": "0.28.5", 
    "es6-shim": "0.35.3", 
    "event-source-polyfill": "0.0.9", 
    "expose-loader": "0.7.3", 
    "extract-text-webpack-plugin": "3.0.0", 
    "file-loader": "0.11.2", 
    "html-loader": "0.5.1", 
    "isomorphic-fetch": "2.2.1", 
    "jquery": "3.2.1", 
    "json-loader": "0.5.7", 
    "preboot": "5.0.0", 
    "raw-loader": "0.5.1", 
    "reflect-metadata": "0.1.10", 
    "rxjs": "5.4.3", 
    "style-loader": "0.18.2", 
    "to-string-loader": "1.1.5", 
    "typescript": "2.4.2", 
    "url-loader": "0.5.9", 
    "webpack": "3.5.5", 
    "webpack-hot-middleware": "2.18.2", 
    "webpack-merge": "4.1.0", 
    "zone.js": "0.8.17" 
    }, 
    "devDependencies": { 
    "@types/chai": "4.0.4", 
    "@types/jasmine": "2.5.54", 
    "chai": "4.1.1", 
    "jasmine-core": "2.7.0", 
    "karma": "1.7.0", 
    "karma-chai": "0.1.0", 
    "karma-chrome-launcher": "2.2.0", 
    "karma-cli": "1.0.1", 
    "karma-jasmine": "1.1.0", 
    "karma-webpack": "2.0.4" 
    } 
} 

mes app.module.ts est:

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { RouterModule } from '@angular/router'; 

import { AppComponent } from './components/app/app.component'; 
import { NavMenuComponent } from './components/navmenu/navmenu.component'; 
import { HomeComponent } from './components/home/home.component'; 
import { FetchDataComponent } from './components/fetchdata/fetchdata.component'; 
import { CounterComponent } from './components/counter/counter.component'; 
import { UserComponent } from "./components/user/user.component"; 
import { ErrorComponent } from "./components/error/error.component"; 

@NgModule({ 
    declarations: [ 
     AppComponent, 
     NavMenuComponent, 
     CounterComponent, 
     FetchDataComponent, 
     HomeComponent, 
     UserComponent, 
     ErrorComponent 
    ], 
    imports: [ 
     CommonModule, 
     HttpModule, 
     FormsModule, 
     RouterModule.forRoot([ 
      { path: '', redirectTo: 'home', pathMatch: 'full' }, 
      { path: 'home', component: HomeComponent }, 
      { path: 'counter', component: CounterComponent }, 
      { path: 'fetch-data', component: FetchDataComponent }, 

      { path: 'user', component: UserComponent }, 
      { path: 'error', component: ErrorComponent }, 

      { path: '**', redirectTo: 'home' } 
     ]) 
    ] 
}) 
export class AppModuleShared { 
} 

le référentiel GIT est ici https://github.com/dobrinsky/AngularDefault.

S'il vous plaît aider ... cela est si difficile de comprendre pourquoi ne fonctionne pas puisque tout le monde SAIS il est simple à utiliser ...

post-scriptum Je n'utilise pas webpack. est-ce que ces 2 packs ont besoin de webpack pour fonctionner?

MISE À JOUR: en utilisant NPM installer webpack lancers francs

NodeInvocationException: Can't resolve all parameters for HttpXsrfCookieExtractor: (?, [object Object], [object Object]) 

Après cela, j'essayé:

• Désinstaller Noeud complètement (ainsi que tous les gestionnaires de version/etc)
• Aller à% AppData %/roaming supprime tous les dossiers cache npm ou npm présents
• Redémarrez votre ordinateur, installez le dernier nœud 6. *
• NPM i -G webpack

Je ne reçois pas les avertissements ci-dessus lors de l'installation, mais maintenant je reçois:

Prerendering failed because of error: Error: Module build failed: TypeError: loaderUtils.getOptions is not a function 

Answer 1

vous devez exécuter cette commande webpack --config webpack.config.js ou webpack --config webpack.config.vendor.js après la mise à jour de votre paquet. si elle fonctionne pas, alors vous devez installer le pack Web en utilisant d'abord cette commande NPM installer --global webpack