× ｢wds｣: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration has an unknown property 'devtoll'. These properties are valid:
object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry?, externals?, infrastructureLogging?, loader?, mode?, module?, name?, node?, optimization?, output?, parallelism?, performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, serve?, stats?, target?, watch?, watchOptions? }
For typos: please correct them.
For loader options: webpack >= v2.0.0 no longer allows custom properties in configuration.
Loaders should be updated to allow passing options via loader options in module.rules.
Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader:
plugins: [
new webpack.LoaderOptionsPlugin({
// test: /\.xxx$/, // may apply this only for some modules
options: {
devtoll: …
}
})
]
- configuration.resolve has an unknown property 'extension'. These properties are valid:
object { alias?, aliasFields?, cachePredicate?, cacheWithContext?, concord?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, roots?, symlinks?, unsafeCache?, useSyncFileSystemCalls? }
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! mall@1.0.0 start: `webpack-dev-server --open chrome`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the mall@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\84010\AppData\Roaming\npm-cache\_logs\2021-04-23T12_47_42_957Z-debug.log
PS D:\mall> npm start
> mall@1.0.0 start D:\mall
> webpack-dev-server --open chrome
是 devtool不是devtoll
单词写错了，小老弟，参考文档 devtool：https://doc.codingdict.com/webpack-cn-doc/configuration/devtool/