错误如下:

 原因在于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。

重新启动服务即可。

Logo

前往低代码交流专区

更多推荐