如何解決 @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);
}

現在，如果我導航到 localhost，頁面會顯示編譯錯誤，並顯示以下消息：

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';

解決了我的問題。