webpack + vueプロジェクトエラー「テンプレートコンパイラがavではないVueのランタイムのみのビルドを使用しています」を解決します

タイトルとして、webpack + vueプロジェクトエラー「テンプレートコンパイラが利用できないVueのランタイムのみのビルドを使用しています」を解決します。

解決策は、以下に示すように赤いボックスにvueエイリアスを追加し、vue / dist /vue.esm.jsを直接導入することです。

コード、添付画像を貼り付けます。

    resolve:{
      extensions: ['.js', '.json', '.vue'], //扩展名省略配置
      alias:{
        //模块别名
        vue: "vue/dist/vue.esm.js", //加上这一句
        '@':resolve('src'),
      }
    },