【6月日新计划更文活动】第12天

Vue2常见报错问题

vue/cli5 中 报红问题：

    // module.exports 下面红线提示`parsing error: No Babel config file detected for xxx`
    解决方法：
    // 在eslintrc.js 或者 package.json 中 找到  parserOptions 项
    // 在里面加上 "requireConfigFile": false    
    "parserOptions": {
          "parser": "@babel/eslint-parser",
          "requireConfigFile": false
        },

template 标签报红，项目正常。eslint 提示 vue/multi-word-component-names (说要你的组件名称是 驼峰大小写, 例如 index => IndexView)

// 解决办法  在 .eslintrc.js 配置文件的 rule 中加上这两句

    "rules": {
          "vue/multi-word-component-names": 0,
          "space-before-function-paren": 0
        }

在 package.json 文件添加代码

     "eslintConfig": {
        "rules": {
          "eslint-disable-next-line":false
        }
      }

vue.config 文件中设置

     devServer: {
            overlay: {
                warnings: false,
                errors: false
            },
            lintOnSave: false
        }

内网穿透，提示Invalid Host header

    vue2 在 devServer 中设置：
     devServer: {
        disableHostCheck: true,
      },

template标签报错：

    提示jsx出错，在jsconfig.json文件中添加：
    "jsx": "preserve",