鍍金池/ 問答/HTML/ webpack運行后提示如下

webpack運行后提示如下

webpack --config build/webpack.base.conf.js命令運行后提示如下:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.module has an unknown property 'rule'. These properties are valid:
   object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, rules?, defaultRules?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }
   -> Options affecting the normal modules (`NormalModuleFactory`).

我的webpack.base.conf.js如下:

'use strict';

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: {
        index: [
            path.resolve(__dirname,'../src/main.js')
        ]
    },
    output: {
        path: path.resolve(__dirname,'../dist/static'),
        filename: '[name].[hash:8].js',
        publicPath: 'static/'
    },
    module: {
        rule: [
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            },
            {
                test: /\.js$/,
                loader: 'babel-loader?presets=es2015',
                exclude: /node_modules/
            }
        ]
    },
    resolve: {
        extensions: ['.js','.vue'],
        alias: {
            'vue$':'vue/dist/vue.esm.js'
        }
    },
    plugins: [
        new HtmlWebpackPlugin({
            filename: '../index.html',
            template: path.resolve(__dirname,'../index.html')
        })
    ]
}

clipboard.png
看錯誤不像是路徑問題,第一次不用vue-cli,一步步搭建項目結(jié)構(gòu),出這個錯誤,實在不懂

回答
編輯回答
陌如玉

rules 而不是rule,webpack啟動的時候會檢查你所有的key是不是合法的

2017年11月25日 11:01
編輯回答
孤星

webpack 不同版本配置參數(shù)是不一樣的,你的問題就在這里

2017年9月8日 23:55
編輯回答
我以為

是rules不是rule

2017年12月14日 18:08