LoginSignup
1

More than 3 years have passed since last update.

ハマりメモ: Nuxtでcreate-nuxt-appでいきなりエラー。Error: SyntaxError. Unexpected identifier

Last updated at Posted at 2019-05-31

Nuxtでcreate-nuxt-appでいきなりエラー

先日、タイトルの件で、ハマったのでメモ。
結論から言うと、bootstrap-vueを組み込んでプロジェクトを立ち上げるとエラーになる。
bootsrap-vueにエラーがあるので、バージョンを指定すればなおりました。bootstrap
使う人多いと思うのであげておきます。

エラー発生

Nuxtを立ち上げようと

$ npx create-nuxt-app hogehoge

様々選んで、プロジェクトのディレクトリに移動して、

$ yarn dev

とるすると、、ブラウザにエラー画面が出てくる。

Error: SyntaxError. Unexpected identifier

解決策を探す

なんの根拠も無いのに、NuxtとNodeのバージョンの相性では無いかと思い込んで、様々なパーターンを試していました。

全然解決せず、ググり続けて2日ほど、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プログラマになりたいと思い、38歳なのに、妻子がいるのに、仕事を辞めて勉強しています。

よくよく考えてみれば、bootstrap-vueがおかしいんじゃないかと言う所まではissueが上がる前に気づけました。

その時点で、bootstrap-vueのバージョンを変えてみたりするべきでした。次は自分がissueを上げてみたいです。

初級者にとって、出だしでつまずくのは本当に悲しいですが、結果的には、Nuxtの公式ドキュメントを沢山読んだりと勉強になりましたので良かったです。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1