发现未知属性键反应/无未知属性

Question

当我将 nextjs 应用程序上传到 vercel 时，我收到此错误，请帮我解决它

Answer 1

这是一个 ESLint 错误，您可以禁用此特定检查。

检查我的 eslint 配置，我禁用了此规则。

//.eslintrc.js
module.exports = {
  env: {
    node: true,
    browser: true,
    es2021: true,
  },
  extends: [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@next/next/recommended",
  ],
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 12,
    sourceType: "module",
  },
  plugins: ["react"],
  rules: {
    "react/no-unknown-property": ["error", { ignore: ["jsx"] }],
  },
  globals: {
    React: "writable",
  },
  settings: {
    react: {
      version: "detect",
    },
  },
};

Answer 2

您可以配置 eslint 以忽略此规则的特定关键字，例如。

json 语法：

...
"react/no-unknown-property": ['error', { ignore: ['css'] }]
...

或 yaml 语法：

react/no-unknown-property:
  - error
  - ignore:
      - 'jsx'
      - 'global'

请参阅文档：https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unknown-property.md

Answer 3

您收到 ESLint 错误。我没有使用 Vercel 的经验，但我猜测它正在构建用于生产的应用程序，并将警告视为过程中的错误。如果您在本地运行时没有看到这些错误，则可能就是这种情况。为了帮助您解决确切的问题，您需要在引发错误的行周围发布 Product.jsx 的代码。

Answer 4

我也遇到过类似的问题。 Vercel 日志中的错误是这样的：

错误：发现未知属性“ng-jq”反应/无未知属性

我所做的是，在我的代码文件中（我使用了带有

ng-jq

属性的元素），我在最顶部添加了以下行：

/* eslint-disable react/no-unknown-property */ 

这解决了问题。之后 Vercel 就没有抛出错误。