JSX提示Parsing error: Unexpected token ＜eslint | Parse errors in imported module ‘./Demo9‘: Unexpected

jsx在vue中配置出现问题

eadela

3025人浏览 · 2022-08-31 19:09:22

eadela · 2022-08-31 19:09:22 发布

原因: eslint校验不通过
解决网站地址:https://stackoverflow.com/questions/53609457/eslint-parsing-error-unexpected-token-in-jsx/
在eslint中添加

"parserOptions": {
  "ecmaFeatures": {
    "jsx": true,
    "tsx": true
  }
}

注意parser使用

  "parser": "vue-eslint-parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true,
      "tsx": true
    }
  },

  parserOptions: {
    parser:"babel-eslint",
    ecmaVersion: 2020,
    ecmaFeatures: {
      jsx: true,
      tsx: true
    }
  },

Demo9.jsx
报错 Parse errors in imported module ‘./Demo9’: Unexpected token <
vue无法简析jsx文件，没有安装jsx包
项目vite
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^