Vue中:error ‘XXXXX‘ is not defined no-undef解决办法

逃离我推掉我的手 2022-10-06 05:47 587阅读 0赞

# 报错内容: #

× Client
      Compiled with some errors in 7.42s
    √ Server
      Compiled successfully in 6.05s
     ERROR  Failed to compile with 1 errors                                                                               friendly-errors 17:33:15  
     ERROR  in ./pages/player/_vid.vue                                                                                friendly-errors 17:33:15  
    Module Error (from ./node_modules/eslint-loader/index.js):                                                                                friendly-errors 17:33:15  
    E:\java\JavaWorkSpace\OnlineEducation\WebReview\vue-front-1010\pages\player\_vid.vue
      28:9  error  'Aliplayer' is not defined  no-undef
    ✖ 1 problem (1 error, 0 warnings)

## 报错截图: ##

[![38f7403acbb56dded5fb37dd1e0863af.png][]][38f7403acbb56dded5fb37dd1e0863af.png 1]

## 解决办法: ##

> 在使用vue的时候，使用一个全局变量，ESLint的语法会出现ESLint: 'Aliplayer' is not defined. (no-undef)，说变量未定义，这时我们可以添加配置，取消这个校验。在.eslintrc.js文件中添加一个配置，位置如下图所示，我的全局变量就是Aliplayer。  
> [![861cb6bbc51b0d172b946bc6b979fd2b.png][]][861cb6bbc51b0d172b946bc6b979fd2b.png 1]

在eslintrc.js中的module.exports内添加如下代码块:

"globals":{
        "Aliplayer": true
      }

位置如下:

module.exports = {
      root: true,
      parserOptions: {
      xxxxxx
      },
      env: {
      xxxxxx
      },
      rules: {
      xxxxxx
      },
      "globals":{
        "Aliplayer": true
      }
    }

[![4fe7e56750de40dd652b961c3e82045d.png][]][4fe7e56750de40dd652b961c3e82045d.png 1]

[38f7403acbb56dded5fb37dd1e0863af.png]: /images/20221005/a14edf27789d416d87945ec43c81b8da.png
[38f7403acbb56dded5fb37dd1e0863af.png 1]: https://img2020.cnblogs.com/blog/2002319/202011/2002319-20201125175352455-1520879530.png
[861cb6bbc51b0d172b946bc6b979fd2b.png]: /images/20221005/ea71a6a3422a402c801e8440806ba88f.png
[861cb6bbc51b0d172b946bc6b979fd2b.png 1]: https://img2020.cnblogs.com/blog/2002319/202011/2002319-20201125175407657-1741659242.png
[4fe7e56750de40dd652b961c3e82045d.png]: /images/20221005/ad3c5f8d3ce24028a373edb9b18ae8d5.png
[4fe7e56750de40dd652b961c3e82045d.png 1]: https://img2020.cnblogs.com/blog/2002319/202011/2002319-20201125175414879-1349023345.png