webpackのエラーを直したら新たなエラーに出会った
auです。
きのうの記事の続きです。
program-shoshinsya.hatenablog.com
解決法
以下の記事を参考にしました。
stackoverflow.com
どうやらアップデートしたらwebpackのファイルを書き換えないといけないらしい。でもなんでだろう・・・。
webpack.dev.conf.jsを以下のように書き換えました。デフォルトだと60行目近くの「new CopyWebpackPlugin」のところです。
plugins: [ new webpack.DefinePlugin({ 'process.env': require('../config/dev.env') }), new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update. new webpack.NoEmitOnErrorsPlugin(), // https://github.com/ampedandwired/html-webpack-plugin new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true }), // copy custom static assets new CopyWebpackPlugin({ // ここを書き換える patterns: [ { from: path.resolve(__dirname, 'src/assets/fonts'), to: path.resolve(__dirname, 'dist/fonts') } ] }), ]
これだけみるとファイルの参照場所が変わったのかな・・・
新たな問題
また新しい問題に出会いました。
eslintのローダーが読み込めないらしい。まだまだ問題は山積みだ・・・。
Module build failed (from ./node_modules/eslint-loader/index.js): TypeError: Cannot read property 'eslint' of undefined at Object.module.exports (/Users/username/project/node_modules/eslint-loader/index.js:148:18)