FEA-Dven
dev环境运行报如下错误,主要是webpack.dev.config.js写法问题。
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration has an unknown property 'devtools'. 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: {
devtools: …
}
})
]
将
module.exports = {
devtools: 'cheap-module-eval-source-map'
}
更改为
const webpack = require('webpack');
module.exports = {
plugins: [
new webpack.LoaderOptionsPlugin({
options: {
devtools: 'cheap-module-eval-source-map'
}
})
]
}
dev就可以正常运行了,不知道是不是webpack版本更新的原因。
作者回复: 拼错了,应该是 devtool,不是devtools