WebPackOptionsValidationError：配置对象无效

提问者：小点点

WebPackOptionsValidationError：配置对象无效

我正在学习一门在线课程，当我试图运行我的服务器时，我遇到了这个错误，但我不知道为什么：

/applications/xampp/xamppfiles/htdocs/projects/distdesign/node_modules/webpack/lib/webpack.js:19抛出新的WebpackOptionsValidationError（WebpackOptionsValidationError）；^

WebPackOptionsValidationError：配置对象无效。已使用与API模式不匹配的配置对象初始化Webpack。-配置具有未知属性“devtools”。这些属性有效：object{amd？,Bail？,Cache？,Context？,Dependencies？,DevServer？,DevTool？,entry,Externals？,Loader？,Module？,Name？,Node？,Output？,Parallelism？,Performance？,Plugins？,Profile？,RecordsInputPath？,RecordsOutputPath？,RecordsPath？,ResolveLoader？,Stats？,Target？,Watch？,WatchOptions？}。对于加载器选项:WebPack2不再允许在配置中使用自定义属性。应该更新加载器，以允许通过module.rules中的加载器选项传递选项。在加载器更新之前，可以使用LoaderOptionsPlugin将这些选项传递给加载器：插件:[new webpack.LoaderOptionsPlugin（{//test:/.xxx$/,//可能只对某些模块应用此选项：{devtools：...}}）]-Configuration.Resolve.Extensions[0]不应为空。在webpack(/applications/xampp/xamppfiles/htdocs/projects/distdesign/node_modules/webpack/lib/webpack.js:19:9)在Object。(/applications/xampp/xamppfiles/htdocs/projects/distdesign/server/index.js:9:27)在module._compile(module.js:573:30)在loader(/applications/xampp/xamppfiles/htdocs/projects/distdesign/node_modules/babel-register/lib/node.js:144:5)在object.require.extensions（匿名函数）[as.js]在module.load(module.js:507:32)在(/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' ]
    }
}

共1个答案

匿名用户

首先，向我们提供有关您的webpack配置文件的名称的信息。默认名称为:webpack.config.babel.js

其次，在复制和粘贴代码段之前，我对您的webpack文件做了一些更改：运行npm安装webpack@2.3babel-preset-es2015 babel-preset-react babel-loader或
纱添加webpack@2.3babel-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文件和输出错误。

希望有帮助