問題

私は私のvueテンプレートで{{ user?.name || 'Oops' }}のようにすることができるように@babel/plugin-proposal-optional-chainingを使用しようとしています。私は私のbabel.config.jsにプラグインを追加しましたが、それでもvue-loaderエラーが発生します。いくつかの検索の後、vueはテンプレートタグ内のjsをトランスパイルするためにbabelの代わりにbubleを使用するようです。

テンプレート内のjsをトランスパイルするためにbubleの代わりにbabelを使用する方法はありますか?

  ベストアンサー

webpackを使用している場合は、build/webpack..conf.jsでこれを試してください (テストが一致する場所を置き換え、設定に合わせる)

 module.exports = {
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
            js: 'babel-loader'
          }
        }
      },
      {
        test: /\.js$/,
        use: [{
          loader: "babel-loader",
          options: { presets: ['es2015'], compact: false }  // Add here your options!
        }]
      },
      ...
    ]
    ...
  }
  ...
}
 

おそらく、提案とbabel-loaderを追加するために、.babelrcファイルでbabelをインストールして設定する必要があります

webpackでない場合は、プロジェクト構造に関する詳細情報を追加してください。

また、もっと助けが必要な場合は、私に知らせてください。

それが少なくとも少し役立つことを願って:)

  同じタグがついた質問を見る

javascriptvue.jsbabeljsbublejs