如何解决@typescript-eslint/no-var-requires 错误。添加@axe-core/react 时出错

Question

我通过以下方式将 axe-core/react 添加到我的项目中：

npm install --save-dev @axe-core/react

现在我已经在我的 index.tsx 中添加了以下代码来启动它 运行:

if (process.env.NODE_ENV !== 'production') {
    const axe = require('@axe-core/react');
    axe(React, ReactDOM, 1000);
}

现在，如果我导航到本地主机，页面会显示 编译错误，并显示以下消息：

src\index.tsx
  Line 14:17:  Require statement not part of import statement  @typescript-eslint/no-var-requires

此错误发生在以下行：

const axe = require('@axe-core/react');

否则我该如何导入它？

PS：我试过做类似的事情：

import foo = require("foo")

但还是没有运气。

Answer 1

替换线路

const axe = require('@axe-core/react');

有

import axe from '@axe-core/react';

解决了我的问题。