webpackのビルド時にエラー
presetsを設定しよう

webpackビルド時にシンタックスエラー

webpackでビルドしようとしたところ、エラーが出てしまう。

ビルドコマンド

./node_modules/.bin/webpack -p

エラー

SyntaxError: ~/src/index.js: Unexpected token (11:12)

     9 | render() {
   10 | return (
> 11 | <div>This project is has been setup.</div>
         | ^
    12 | )
    13 | }
    14 | }

presets設定を追加しよう

Babelの設定ファイル「.babelrc」を作成し、以下のpresets設定を追加したところ、エラーなくビルドできるようになった。

{
    “presets”: [“@babel/preset-env”, “@babel/preset-react”]
}

presets設定は「webpack.config.js」ファイルに記載する形でも問題ないようだ。

バージョン情報

webpack 4.29.3