laravel - 我在 npm run dev “无效的配置对象”上得到这个
问题描述
[webpack-cli] 配置对象无效。Webpack 已使用与 API 模式不匹配的配置对象进行初始化。configuration.module.rules[26] 应该是以下之一: ["..." | 对象{编译器?,依赖?,descriptionData?,强制?,排除?,生成器?,包括?,发行者?,加载器?,mimetype?,oneOf?,选项?,解析器?,realResource?,解析?,资源?, resourceFragment?、resourceQuery?、rules?、sideEffects?、test?、type?、use? }, ...] -> 一条规则。详细信息:configuration.module.rules[22] 有一个未知属性“loaders”。这些属性是有效的:object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve ?、resource?、resourceFragment?、resourceQuery?、rules?、sideEffects?、test?、类型?,使用?} -> 包含模块条件和效果的规则描述。* configuration.module.rules[23] 有一个未知的属性 'loaders'。这些属性是有效的:object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve ?、resource?、resourceFragment?、resourceQuery?、rules?、sideEffects?、test?、type?、use? } -> 包含模块条件和效果的规则描述。* configuration.module.rules[24] 有一个未知的属性 'loaders'。这些属性是有效的:object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve ?,资源?,resourceFragment?,resourceQuery?,规则?,sideEffects?,测试?,类型?,使用?} -> 包含模块条件和效果的规则描述。* configuration.module.rules[25] 有一个未知的属性 'loaders'。这些属性是有效的:object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve ?、resource?、resourceFragment?、resourceQuery?、rules?、sideEffects?、test?、type?、use? } -> 包含模块条件和效果的规则描述。* configuration.module.rules[26] 有一个未知的属性 'loaders'。这些属性是有效的:object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve ?,资源?,resourceFragment?,resourceQuery?,规则?,副作用?,测试?,类型?,使用?} -> 包含模块条件和效果的规则描述。
这是我的 webpack.config.js
const path = require('path');
const webpack = require('webpack');
const WebpackShellPlugin = require('./lib');
module.exports = {
watch: true,
entry: path.resolve(__dirname, 'test/entry.js'),
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
devServer: {
inline: false,
// contentBase: path.resolve(__dirname, 'test')
},
module: {
rules: [
{ test: /\.css$/, loader: 'style!css' }
]
},
plugins: [
new WebpackShellPlugin({onBuildStart:['node test.js'], onBuildEnd:['echo
"Webpack End"'], safe: true, verbose: true}),
new webpack.HotModuleReplacementPlugin()
]
};
解决方案
推荐阅读
- gethashcode - 通过从对象返回唯一 ID 来实现 GetHashCode 是否安全?
- .net-core - csharp 中是否有类似 Rust 的 std::option_env 的东西?
- dll - 如何从基于 Chromium 的应用程序调用 c++ DLL
- pandas - pandas:基于另一个数据帧中的映射对特定列进行分组和求和
- python - 是否可以使用 powershell 运行 base64 编码的二进制文件
- wpf - 我可以启用 GPU 可视化吗?(在 WPF 中)
- javascript - Javascript 在第一个条件失败时停止,需要将其移至第二个条件
- nginx - NGINX Certbot 配置不起作用。但是代理通行证适用于一个服务在另一个配置中工作
- typescript - 在打字稿中将整数值转换为字符串枚举返回未定义
- jenkins - 詹金斯:使用参数构建按钮不断消失