Nuxtでcreate-nuxt-appでいきなりエラー
先日、タイトルの件で、ハマったのでメモ。
結論から言うと、bootstrap-vueを組み込んでプロジェクトを立ち上げるとエラーになる。
bootsrap-vueにエラーがあるので、バージョンを指定すればなおりました。bootstrap
使う人多いと思うのであげておきます。
エラー発生
Nuxtを立ち上げようと
$ npx create-nuxt-app hogehoge
様々選んで、プロジェクトのディレクトリに移動して、
$ yarn dev
とるすると、、ブラウザにエラー画面が出てくる。
Error: SyntaxError. Unexpected identifier
解決策を探す
なんの根拠も無いのに、NuxtとNodeのバージョンの相性では無いかと思い込んで、様々なパーターンを試していました。
全然解決せず、ググり続けて２日ほど、githubにIssuが上がりました。
package.jsonのbootstrap-vueのバージョンをrc.20に固定する。
javascript：package.json
- "bootstrap-vue": "^2.0.0-rc.21"
+ "bootstrap-vue": "2.0.0-rc.20",
$ npm install
エラー解決です。
振り返り
私はプログラミング初級者です。
Webプログラマになりたいと思い、３８歳なのに、妻子がいるのに、仕事を辞めて勉強しています。
よくよく考えてみれば、bootstrap-vueがおかしいんじゃないかと言う所まではissueが上がる前に気づけました。
その時点で、bootstrap-vueのバージョンを変えてみたりするべきでした。次は自分がissueを上げてみたいです。
初級者にとって、出だしでつまずくのは本当に悲しいですが、結果的には、Nuxtの公式ドキュメントを沢山読んだりと勉強になりましたので良かったです。