web-dev-qa-db-ja.com

無効な構成オブジェクト。 Webpackは構成を使用して初期化されました

今朝の時点で、Angular CLI 1.0.0-beta.14 私 ng new try3およびng serveおよび次のエラーが表示されます。

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)

最後にng newプロジェクトは数日前でした-その時点でファイルは機能していました。私の環境は次のとおりです。

angular-cli: 1.0.0-beta.14
node: 6.5.0
os: linux x64
angularangular2-cli
28
Jan Nielsen

Angular CLIを1.0.0-beta.15以上にアップグレード：

  npm uninstall angular-cli -g
  npm cache clean
  npm install angular-cli@latest -g

作業用足場を生成します：

  ng new try4
  cd try4
  ng serve

Angular CLIの以前のバージョンでビルドされた既存のプロジェクトがある場合、アップグレードする必要があります。

  rm -rf node_modules dist tmp
  npm install angular-cli@latest --save-dev
  ng init

各ファイルの違いを慎重に確認します。

根本原因：Angular CLIが機能している場合、notもちろん動作を停止します。残念ながら、angular-cli 1.0.0-beta.14には "caret"依存関係がありますwebpack: ^2.1.0-beta.22--^に注意してください。昨日、webpackが2.1.0-beta.23をリ​​リースしましたangular-cli 1.0.0-beta.14では、キャレット（^）により、展開されたangular-cli 1.0.0-beta.14のバージョンが機能しなくなりました。この問題に対処するため、昨日、angular-cli 1.0.0-beta.15がリリースされました fixed webpack: 2.1.0-beta.22依存関係^の欠如-したがって、webpackへの重大なアップグレードを回避します。 https://github.com/angular/angular-cli/issues/2234 を参照詳細。

プロジェクトの回避策：Angular CLIをアップグレードできない、またはできない場合は、キャレットwebpackの依存関係修正されたwebpackの依存関係を自分のプロジェクトに追加します。もちろん、この依存関係は今後も維持する必要があります。

  npm install [email protected] --save-dev

Angular CLI。をアップグレードできない場合は、この回避策を選択してください。

31
Jan Nielsen

今日、私はこの問題に遭遇しました。ng2.0.0プロジェクトを実行して、Webpackをダウングレードするソリューションでした。

npm uninstall webpack --save-dev

npm install [email protected] --save-dev

これはおそらくpackage_jsonですぐに修正されるでしょうangular-cli 1.0.0-beta.15が生成します。

この修正により、既存のプロジェクトの問題が解決されるはずです。

18
theRemix

Webpack2ベータ版を使用していますか？

「はい」の場合、今すぐ構成にカスタムプロパティを含めることはできません。

プラグインを介してカスタムプロパティを追加する必要があります。

plugins: {
    new webpack.LoaderOptionsPlugin({
      options: {
        postcss: ...
      }
    })
}
2
Taspina

npm uninstall webpack --save-dev

に続く

npm install [email protected] --save-dev

その後、あなたは再び一息つくことができるはずです。私の問題を修正しました。

1
user1089766

また、loadersオブジェクトがmoduleの下にあることを確認してください。

  module: {
    loaders: [{test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'}]
  }

これで問題が解決しました

0
KhaledMohamedP