首页 > 解决方案 > 我在 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()
 ]
};

标签: laravelvue.jsnpmwebpack

解决方案


推荐阅读