vue报错分析及解决

“xxx” was accessed during render but is not defined on instance.

原因:
你的“”xxx‘’属性或者"xxx"方法没有定义

解决方案:

查看你的data或者methods或者prop

直接引入element plus报一堆错

原因:

element plus案例代码使用ts写的

解决方案:

在我们的vue文件中引入ts进行混用

• 安装typescript及loader

  npm install typescript ts-loader –save-dev

• 安装vue-property-decorator

  npm install --save vue-property-decorator

• 配置vue.config.js

  module.exports = {
    configureWebpack: {
      resolve: {
        extensions: [“.ts”, “.tsx”, “.js”, “.json”]
      },
      module: {
        rules: [
        {
          test: /\.tsx?$/,
          loader: ‘ts-loader’,
          exclude: /node_modules/,
          options: {
            appendTsSuffixTo: [/\.vue$/],
          }
        }
        ]
      }
    }
  }

• 新建一个tsconfig.json在src下面

  {
      "compilerOptions": {
          "target": "es5", 
          "module": "commonjs", 
          "strict": true, 
          "strictNullChecks": true, 
          "esModuleInterop": true, 
          "experimentalDecorators": true
      }
  }

• 在src下继续新建一个ts文件,内容空白即可