plus is not defined解決方法
阿新 • • 發佈：2021-09-19
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