エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vue3のテンプレート内でES2020構文が使えない原因 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vue3のテンプレート内でES2020構文が使えない原因 - Qiita
Vue3のテンプレートのコンパイラは、デフォルトでES2020の構文をサポートしています。 にも関わらず、テ... Vue3のテンプレートのコンパイラは、デフォルトでES2020の構文をサポートしています。 にも関わらず、テンプレート内でOptional chaining(?.)やnullish coalescing(??)を使うと、 vue-loaderは以下のメッセージを出力し、コンパイルに失敗します。 これはvue-cliなどで環境を作成した場合は発生しないので、大抵の人は起きない問題です。 原因: さんざんvue-loaderやbabelなどを調べましたが、結果としてはこちらの記事を読んでWebpackの問題だと分かりました。 Webpack では JavaScript の新構文を変換なしでバンドルできない 対応: Webpack5系にアップデートすることで解決しました。 しかし、vue-cliで作成した環境では、Webpack4系だったので、恐らくWebpackがバンドルをする前に変換して対処