auの日記

プログラミング初心者の日記。(auはハンドルネームです)

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)