plus is not defined解决方法

2023-09-28 16:20:22

plus(xxx) is not defined

前言

最近在写html5+app项目时遇到一个plus很坑的问题明明写好了plusready 而且plus能正常打印 plus的api也能正常使用
但是！！！就是报plus is not defined !!!
思来想去应该不是代码的问题应该是环境的问题
果不奇然问题出在Eslint。
以下是解决方法

一、在根目录下创建文件.eslintrc

二、复制默认代码进去

{
  "extends": [
    "eslint:recommended",
    "plugin:import/errors",
    "plugin:import/warnings"
  ],
  "plugins": [
    "react"
  ],
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "jquery": true,
    "mocha": true
  },
  "settings": {
    "import/ignore": [
      "node_modules"
    ]
  }
}

三、把万恶的‘plus’加到文档中去

不一定是‘plus‘ 你决定而不关你事的not defined报错都可以放进去

"globals":{
  "plus": true,
}

也就是说 .eslintrc的代码如下

{
  "extends": [
    "eslint:recommended",
    "plugin:import/errors",
    "plugin:import/warnings"
  ],
  "plugins": [
    "react"
  ],
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "jquery": true,
    "mocha": true
  },
  "settings": {
    "import/ignore": [
      "node_modules"
    ]
  },
  "globals":{
    "plus":true
  }
}

四、在package.json文件里面配置scripts的lint属性

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "link":"eslint src"
  },

五、运行检测

npm lint 或者 npm run lint

六、重启项目完工！！！