Module parse failed: Unexpected token (10:27)
File was processed with these loaders:
 * ./node_modules/vue-loader-v16/dist/templateLoader.js
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/vue-loader-v16/dist/index.js
You may need an additional loader to handle the result of these loaders.

vue2.*

該錯誤解決辦法如下

vue.config.js
{
	// ***********
	configureWebpack: {
	    module: {
	      rules: [
	        {
	          test: /\.vue$/,
	          use: [
	            {
	              loader: 'vue-loader',
	            },
	          ],
	        }
	      ],
	    },
	  }
	  // **************
  }

接下來可能報這個錯誤

Syntax Error: TypeError: Cannot read property ‘parseComponent‘ of undefined

看下vue版本和@vue/compiler-sfc版本，記得保持一致，還有一個vue-loader下載最新的

npm i @vue/compiler-sfc@latest
npm i vue-loader@next

vue3.*

如果你使用的是vue3.0
就不要添加vue-loader，因為vue3.0有自己的loader
造成這個的原因是添加了lang=‘ts’，你需要添加typescript和ts-loader，然后在webpack中添加

在這里插入代碼片
{
   test: /\.ts$/,
      loader: 'ts-loader',
      options: { appendTsSuffixTo: [/\.vue$/] }
  }

vue3.*添加vue-loader

vue3.*擁有自己的loader，vue-loader處理帶有setup的vue3組件會爆出下面錯誤

“Component is missing template or render function.”

你把import的組件輸出出來會發(fā)現(xiàn)啥都沒有