无法在React应用程序中导入Tabler包（错误：包路径.未从包中导出）

Question

我正在在 React 组件中导入一些 Tabler 图标:

FeatureCards.tsx

import { IconGauge, IconUser, IconCookie } from '@tabler/icons';

很不幸，我遇到了以下错误：

ERROR in ./src/components/FeatureCards.tsx 6:0-64

Module not found: Error: Package path . is not exported from package /xx/App/node_modules/@tabler/icons (see exports field in /xx/App/node_modules/@tabler/icons/package.json)

在/xx/App/node_modules/@tabler/icons/package.json中，导出看起来像这样：

  "exports": {
    "./*": [
      "./icons/*"
    ]
  },

我已经尝试将它更改为..：

 "exports": {
    "./*": [
      "./icons/*"
    ],
    ".": "./icons"
  },

根据网上的建议，尝试了这个方法，但是出现了新的错误：

Module not found: Error: Can't resolve '@tabler/icons' in '/xx/App/src/components'

我也尝试过删除并重新安装我的节点模块，但没有成功。我现在会降级，假设这是一个版本问题。

提前感谢任何建议。

编辑：将tabler降级到1.115.0目前已经解决了这个问题。

npm  i @tabler/icons@1.115.0

- gog99

---

您是否安装了 @tabler/icons 包？ - Vipul

是的，我有。 "version": "2.4.0" - gog99

我也遇到了同样的问题。 - Henil Malaviya

我建议降级到1.115版本，该版本稳定且包含我迄今为止使用的所有图标。更改日志在此处找到：https://preview.tabler.io/changelog.html - gog99

Answer 1

你应该使用@tabler/icons-react包

- Paweł Kuna