vue 启动项目 ＜template＞标签报错

1、报错信息

2、问题分析

没有匹配规则来处理 .vue 文件导致报错，这种报错一般是Webpack 配置缺少对 .vue 文件的 loader规则

3、解决问题

// 在vue.config.js 中配置loader规则

const { VueLoaderPlugin } = require('vue-loader');

module.exports = {
  
  chainWebpack：config => {
    config.module
      .rule('vue')
      .test(/\.vue$/)
      .use('vue-loader')
      .loader('vue-loader')
      .end();
    config.plugin('vue-loader-plugin').use(VueLoaderPlugin);
  }

}