Ungültiges Konfigurationsobjekt Webpack wurde mit einer Konfiguration initialisiert

Als dieser morgen, mit Winkel-CLI 1.0.0-beta.14 ich ng new try3 und ng serve und die folgende Fehlermeldung erhalten:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration has an unknown property 'tslint'. These properties are valid:
   object { amd?, bail?, cache?, context?, devServer?, devtool?, entry, externals?, loader?, module?, name?, dependencies?, node?, output?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? }
 - configuration.module has an unknown property 'preLoaders'. These properties are valid:
   object { rules?, loaders?, noParse?, unknownContextRequest?, unknownContextRegExp?, unknownContextRecursive?, unknownContextCritical?, exprContextRequest?, exprContextRegExp?, exprContextRecursive?, exprContextCritical?, wrappedContextRegExp?, wrappedContextRecursive?, wrappedContextCritical? }
   Options affecting the normal modules (`NormalModuleFactory`).
 - configuration.node.global should be a boolean.
 - configuration.resolve has an unknown property 'root'. These properties are valid:
   object { modules?, descriptionFiles?, plugins?, mainFields?, aliasFields?, mainFiles?, extensions?, enforceExtension?, moduleExtensions?, enforceModuleExtension?, alias?, symlinks?, unsafeCache?, cachePredicate?, fileSystem?, resolver? }
 - configuration.resolve.extensions[0] should not be empty.
WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration has an unknown property 'tslint'. These properties are valid:
   object { amd?, bail?, cache?, context?, devServer?, devtool?, entry, externals?, loader?, module?, name?, dependencies?, node?, output?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? }
 - configuration.module has an unknown property 'preLoaders'. These properties are valid:
   object { rules?, loaders?, noParse?, unknownContextRequest?, unknownContextRegExp?, unknownContextRecursive?, unknownContextCritical?, exprContextRequest?, exprContextRegExp?, exprContextRecursive?, exprContextCritical?, wrappedContextRegExp?, wrappedContextRecursive?, wrappedContextCritical? }
   Options affecting the normal modules (`NormalModuleFactory`).
 - configuration.node.global should be a boolean.
 - configuration.resolve has an unknown property 'root'. These properties are valid:
   object { modules?, descriptionFiles?, plugins?, mainFields?, aliasFields?, mainFiles?, extensions?, enforceExtension?, moduleExtensions?, enforceModuleExtension?, alias?, symlinks?, unsafeCache?, cachePredicate?, fileSystem?, resolver? }
 - configuration.resolve.extensions[0] should not be empty.
    at webpack (/home/jan/src/fm-repos/try3/node_modules/webpack/lib/webpack.js:16:9)
    at Class.run (/home/jan/src/fm-repos/try3/node_modules/angular-cli/tasks/serve-webpack.js:23:27)
    at /home/jan/src/fm-repos/try3/node_modules/angular-cli/commands/serve.js:84:26
    at process._tickCallback (internal/process/next_tick.js:103:7)

Ich das Letzte mal ng new ein Projekt wurde vor ein paar Tagen-an diesem Punkt ist es funktionierte-Datei. Hier meine Umgebung:

angular-cli: 1.0.0-beta.14
node: 6.5.0
os: linux x64

InformationsquelleAutor der Frage Jan Nielsen | 2016-09-20

angular angular2-cli

31

Upgrade-Winkel-CLI 1.0.0-beta.15 oder besser:
```
  npm uninstall angular-cli -g
  npm cache clean
  npm install angular-cli@latest -g
```
generiert working scaffolds:
```
  ng new try4
  cd try4
  ng serve
```
Wenn Sie bereits ein Projekt erstellt mit früheren Versionen von Angular CLI, werden Sie brauchen, um zu aktualisieren:
```
  rm -rf node_modules dist tmp
  npm install angular-cli@latest --save-dev
  ng init
```
sorgfältig und überprüfen jede der Unterschiede in jeder Datei.

Ursache: Einmal in der version der Winkel-CLI arbeitet, sollte es nicht aufhören zu arbeiten, natürlich. Leider angular-cli 1.0.0-beta.14 hat eine "caret" Abhängigkeit auf webpack: ^2.1.0-beta.22 -- Hinweis: die ^. Gestern webpack veröffentlicht 2.1.0-beta.23 das ist nicht kompatibel mit angular-cli 1.0.0-beta.14 so, durch das caret-Zeichen (^), bereitgestellt Versionen von angular-cli 1.0.0-beta.14 haben aufgehört zu arbeiten. Um diesem problem zu begegnen, angular-cli 1.0.0-beta.15 veröffentlicht wurde gestern mit einem festen webpack: 2.1.0-beta.22 Abhängigkeit -- Hinweis: die Mangel der ^ - so vermeiden Sie den Bruch upgrade auf webpack. Sehen https://github.com/angular/angular-cli/issues/2234 für details.

Projekt zu arbeiten, um: Wenn Sie nicht können, oder nicht, upgrade-Winkel-CLI können Sie die Arbeit-rund um die caret webpack Abhängigkeit durch hinzufügen einer festen webpack Abhängigkeit zu Ihrem eigenen Projekt. Sie haben um diese Abhängigkeit geht nach vorn, natürlich:
```
  npm install [email protected] --save-dev
```
Wählen Sie dies, wenn Sie nicht aktualisieren Winkel-CLI.

InformationsquelleAutor der Antwort Jan Nielsen
18

Ich lief in dieses Problem heute läuft ein ng2.0.0 Projekt
die Lösung war ein downgrade webpack.
```
npm uninstall webpack --save-dev

npm install [email protected] --save-dev
```
dieser wird wohl bald behoben sein, die auf das Paket.json, die angular-cli 1.0.0-beta.15 erzeugt.

dieser fix sollte das Problem beheben auf bestehende Projekte.

InformationsquelleAutor der Antwort theRemix
2

Sind Sie mit webpack2 beta?

Wenn ja, können Sie nicht über benutzerdefinierte Eigenschaften verfügen, die in der Konfiguration jetzt.

müssen Sie fügen Sie Ihre benutzerdefinierte Eigenschaften über plugins:
```
plugins: {
    new webpack.LoaderOptionsPlugin({
      options: {
        postcss: ...
      }
    })
}
```
InformationsquelleAutor der Antwort Taspina
1

npm deinstallieren webpack --save-dev

gefolgt von

npm installieren [email protected] --save-dev

Dann sollten Sie in der Lage zu schlucken wieder. Das Problem für mich.

InformationsquelleAutor der Antwort user1089766
0

Auch sicherstellen, dass Ihre loaders Objekt ist unter module e.g
```
  module: {
    loaders: [{test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'}]
  }
```
Dieser löste das Problem für mich

InformationsquelleAutor der Antwort KhaledMohamedP
-1

Bitte überprüfen Sie, ob der ts-loader ist installiert in Ihrem Projekt. Es ist ein muss und sollte für das laden der .ts-Dateien.

InformationsquelleAutor der Antwort Nageswara RaO Maridu

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.