鍍金池/ 問答/C++  HTML/ 運(yùn)行webpack報(bào)錯(cuò)_ValidationError2.default(ajv

運(yùn)行webpack報(bào)錯(cuò)_ValidationError2.default(ajv.errors, name)

使用插件extract-text-webpack-plugin:
運(yùn)行webpack后包這個(gè)錯(cuò):
/Users/apple/work/self_test/webpack/node_modules/schema-utils/dist/validateOptions.js:40

throw new _ValidationError2.default(ajv.errors, name);
^

false

webpack.config,js

//1.引入 webpack模塊
const webpack = require('webpack');
const path = require('path');
// 抽離css樣式---將文件單獨(dú)打包
const ExtractTextPlugin = require('extract-text-webpack-plugin')

//2.使用webpack 內(nèi)置的插件, 提取公共代碼
const commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js');

const extractCssPlugin = new ExtractTextPlugin({
    filename:path.resolve(__dirname, 'dist/css/[name].css'),
    disabled:process.env.NODE_ENV === "deverlopment"
})
?//模塊化
module.exports = {
????//3.插件項(xiàng)---要使用的插件放這里,如壓縮代碼
????plugins: [
        commonsPlugin, 
        extractCssPlugin
    ],

????//4.頁面入口文件配置---設(shè)置入口文件
????entry: {
        test1 : './js/page1/ab_entry.js',
        test2 : './js/page2/ey_entry.js',
????},

????//5.入口文件輸出配置
????output: {
????????path: path.resolve(__dirname, 'dist/js'),
????????filename: '[name].js'
????}
,
    //6.加載器配置----它告知 webpack 每一種文件都需要使用什么加載器來處理
????module: {
????????//加載器配置,需要的加載去通過npm install XXX下載的node_module中
        rules: [
    ????????????{ test: /\.css$/, 
                use:ExtractTextPlugin.extract({
                            // use style-loader in deverlopment
                            fallback: 'style-loader',
                            use:['css-loader','sass-loader','postcss-loader']
                            // use:[{loader:'css-loader'},{loader:'sass-loader'},{loader:'postcss-loader'}]
                }),
            }]
????},
    
    //7.其它
????resolve: {
????????root: 'E:/github/flux-example/src', //絕對(duì)路徑
????????extensions: ['', '.js', '.json', '.scss'],//自動(dòng)擴(kuò)展文件后綴名,意味著我們r(jià)equire模塊可以省略不寫后綴名
????????alias: {//模塊別名定義,方便后續(xù)直接引用別名,無須多寫長長的地址
????????????AppStore : 'js/stores/AppStores.js',//后續(xù)直接 require('AppStore') 即可
????????????ActionType : 'js/actions/ActionType.js',
????????????AppAction : 'js/actions/AppAction.js'
????????}
????}
};
回答
編輯回答
病癮

extensions: ['', '.js', '.json', '.scss'];
新版本的空字符是會(huì)報(bào)錯(cuò);
改成extensions: ['*', '.js', '.json', '.scss'];

2017年12月10日 14:02
編輯回答
我以為

參考:
https://stackoverflow.com/que...

 test: /\.scss/, include: SRC_DIR, loader:
          ExtractTextPlugin.extract({ loader: ['css-loader', 'sass-loader'] }) // loader is deprecated
      },

其中的 loader 替換成 use

  test: /\.scss/, include: SRC_DIR, loader:
          ExtractTextPlugin.extract({ use: ['css-loader', 'sass-loader'] }) // use is what I should use. hah
      },

原來的loader方式已經(jīng)在webpack3中廢棄了

2017年11月14日 00:10
編輯回答
背叛者

怎么解決啊 哥們

2017年4月26日 04:41
編輯回答
憶往昔

我試了下,extract-text-webpack-plugin版本用的2.1.2的就可以,3.x的就報(bào)上面那錯(cuò)

2018年4月2日 09:17
編輯回答
清夢(mèng)

我遇到這個(gè)錯(cuò),是因?yàn)閡glifyjs-webpack-plugin這個(gè)插件的配置更新了傳參方式uglifyoptions

2017年1月7日 01:10
編輯回答
痞性

遇到相同問題 請(qǐng)問博主怎么解決的

2017年6月2日 12:15