Vue3直接引用element-plus报错

错误如下：

 原因在于element-plus中的script使用的是ts语法：

解决方案：

下载如下组件：

 npm install -D vue-loader vue-template-compiler

npm install --save-dev typescript

 npm install --save-dev ts-loader

配置vue.config.js文件：

 配置内容如下：

const {defineConfig} = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true})
module.exports = {configureWebpack: {resolve: {extensions: [".ts", ".tsx", ".js", ".json"], alias: {}},
        module: {
            rules: [{
                test: /\.tsx?$/,
                loader: 'ts-loader',
                exclude: /node_modules/,
                options: {appendTsSuffixTo: [/\.vue$/],}
            }]
        }
    }
}

在根目录下创建tsconfig.json文件：

 内容如下：

{
  "compilerOptions": {
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "lib": [
      "dom",
      "es2016"
    ],
    "target": "es5"
  },
  "include": [
    "./src/**/*"
  ]
}

最后一步，在src下面随意创建一个空白ts文件，如test.js。

重新启动服务即可。