webpackの対象ファイルにjsonファイルがある場合のエラー

ERROR in ./どこぞのパス/なんとか.json

Module build failed: SyntaxError: Unexpected token, expected ;

jsonファイルをrequireで読み込みようにしたらエラーが出てハマった

jsonにはjsonのローダーの指定が必要でした

参考:https://github.com/webpack/webpack/issues/4411

追加するnpm:https://www.npmjs.com/package/json-loader

webpackのconfigのイメージ


module: {
rules: [
{test: /\.js$/, use: ['babel-loader', 'eslint-loader'], exclude: /node_modules/,},
{test: /\.html$/, use: ['html-loader?attrs=false']},
{test: /\.json$/, use: ['json-loader']},
],
},

ちなみにrequireで読み込んだjsonは既にオブジェクトに変換されてたので、JSON.paserは呼ぶ必要なくなっていた。

コメントを残す

メニューを閉じる