vue項目console.log報錯

 

 因為vue文件中輸入了

console.log(res)

 

 

解決方法

第一步：初始化並重新安裝eslint

npm init -y
npm install eslint --save-dev

第二步：進入node_modules下的bin目錄，並初始化eslint

cd ./node_modules/.bin/
eslint --init

第三步：設置配置選項，除選擇vue.js外，其他都選擇默認項或者y或者Y，如下僅僅到選擇vue.js步驟

? How would you like to use ESLint? To check syntax and find problems
? What type of modules does your project use? JavaScript modules (import/export)
? Which framework does your project use? Vue.js

第四步：最重要的一步，將node_modules目錄下的bin目錄里面的.eslintrc.js文件拷貝到項目根目錄下

第五步：修改.eslintrc.js

module.exports = {
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:vue/essential"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "vue"
    ],
    "rules": {
        'no-console': 'off'
    }
};

 

 

 

啟動項目 npm run serve

 

 

 

完美解決啦！！！！！！！！！！！！！