WebpackOptionsValidationError：无效的配置对象

我会通过在线课程，当我尝试运行我的服务器我得到这个错误，但不能明白为什么：WebpackOptionsValidationError：无效的配置对象

/应用/ XAMPP/xamppfiles/htdocs中/项目/distdesign/node_modules/webpack/lib/webpack.js:19 抛出新的WebpackOptionsValidationError（webpackOptionsValidationErrors）; ^

WebpackOptionsValidationError：无效的配置对象。 Webpack已使用与API模式不匹配的配置对象进行初始化。 - 配置有一个未知属性'devtools'。这些属性是有效的： object {amd？，bail？，cache ?, context？，dependencies ?, devServer ?, devtool？，entry，externals ?, loader ?, module ?, name ?, node ?, output ?, parallelism ？，性能？，插件？，配置文件？，recordsInputPath？，recordsOutputPath？，recordsPath ?,解析？，resolveLoader？，stats？，target？，watch ?, watchOptions？ } 对于错别字：请更正它们。对于加载器选项：webpack 2不再允许配置中的自定义属性。应该更新加载器以允许通过module.rules中的加载器选项传递选项。直到装载机更新一个可以使用LoaderOptionsPlugin通过这些选项装载机：插件：[ 新webpack.LoaderOptionsPlugin（{// 测试：/.xxx$/，//可以应用此仅针对某些模块选项：{ devtools：... }} ） ] - configuration.resolve.extensions [0]不应该是空的。 at webpack（/Applications/XAMPP/xamppfiles/htdocs/projects/distdesign/node_modules/webpack/lib/webpack.js:19:9） at Object。（/Applications/XAMPP/xamppfiles/htdocs/projects/distdesign/server/index.js:9:27） at Module._compile（module.js：573：30） at loader（/ Applications/XAMPP/xamppfiles/htdocs /projects/distdesign/node_modules/babel-register/lib/node.js:144:5） at Object.require.extensions。（anonymous function）[as .js]（/ Applications/XAMPP/xamppfiles/htdocs/projects /在module.load（module.js：507：32）在tryModuleLoad（module.js：470：12）（在Function.Module中）：distdesign/node_modules/babel-register/lib/node.js：154：7）。 _load（module.js：462：3） at Function.Module.runMain（module.js：609：10） at Object。（/Applications/XAMPP/xamppfiles/htdocs/projects/distdesign/node_modules/babel-cli/lib/_babel-node.js:154:22） [nodemon]应用程序崩溃 - 在启动之前等待文件更改...

这是我的WebPack配置文件：

import path from 'path'; 

export default { 
    devtools: 'eval-source-map', 
    entry: path.join(__dirname, '/client/index.js'), 
    output: { 
     path: '/' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       include: path.join(__dirname, 'client'), 
       loaders: [ 'babel' ] 
      } 
     ] 
    }, 
    resolve: { 
     extensions: [ '', '.js' ] 
    } 
}

来源

2017-08-15 MarkHughes88

首先给我们介绍一下你的的WebPack配置文件的名称的信息。默认名称为：webpack.config.babel.js

其次，我做了一些变化，你的WebPack文件，复制之前并粘贴代码段运行：npm install [email protected] babel-preset-es2015 babel-preset-react babel-loader或
yarn add [email protected] babel-preset-es2015 babel-preset-reac babel-loader，之后尝试我的片断：

import path from 'path'; 
import webpack from 'webpack'; 

const config = { 
    devtools: 'eval-source-map', 
    entry: path.join(__dirname, '/client/index.js'), 
    output: { 
     path: '/' 
    }, 
    module: { 
     rules: [ 
      { 
       test: /\.jsx$/, 
       include: path.join(__dirname, 'client'), 
       loader: 'babel-loader', 
       options: { 
        presets: [['es2015', { modules: false }], 'react'], 
       }, 
      } 
     ] 
    }, 
    resolve: { 
     extensions: [ '', '.js' ] 
    } 
} 

module.exports = config;

如果还不行，请带上你的package.json文件和输出错误。

我希望它能帮助

来源

2017-08-15 18:50:31

我遇到了同样的问题，当我使用最新的WebPack和最新的WebPack-dev的服务器。我已经使用旧版本，并且问题已修复。

的package.json

"devDependencies": { 
    "webpack": "^1.12.13", 
    "webpack-dev-server": "^1.14.1" 
}

来源

2018-02-28 16:29:33

WebpackOptionsValidationError：无效的配置对象

回答

相关问题