找不到 ChakraUI React 导入模块：无法解析“@public/icons”

如何解决找不到 ChakraUI React 导入模块：无法解析“@public/icons”

我在 stackoverflow 上发现了类似的问题，但都没有帮助解决我的问题

我有一个公开的icons.js 文件，我可以在其中将各种图标导出到页面

在页面上，我使用

导入该特定文件

import { FastFeedbackIcon } from '@public/icons';

我已经为公共文件夹声明了 jsconfig.json 文件

这是我在控制台和浏览器上遇到的错误

./pages/index.js:14:0
Module not found: Can't resolve '@public/icons'


12 | import { useAuth } from '@/lib/auth';
13 | import { auth } from 'firebase';
> 14 | import { FastFeedbackIcon } from '@public/icons';

这里是 public/icons.js 文件

import { createIcon } from '@chakra-ui/icons';
export const FastFeedbackIcon = createIcon({
  displayName: 'FastFeedbackIcon',viewBox: '0 0 46 32',path: (
    <path
      d="M19.557.113C11.34.32 9.117 8.757 9.03 12.95c1.643-2.67 4.62-3.08 6.931-3.08 2.825.085 10.27.205 17.458 0C40.61 9.663 44.802 3.28 46 .112c-5.391-.085-18.228-.205-26.443 0zM14.422 14.234C3.332 14.234-.468 24.76.045 31.948c3.594-6.418 7.617-7.53 9.243-7.445h6.675c5.956 0 11.039-6.846 12.836-10.27H14.422z"
      fill="currentColor"
    />
  )
});

这是jsconfig.json文件

{
  "compilerOptions": {
    "baseUrl": ".","paths": {
      "@/components/*": ["components/*"],"@/lib/*": ["lib/*"],"@/pages/*": ["pages/*"],"@/styles/*": ["styles/*"],"@/utils/*": ["utils/*"],"@/public/*": ["public/*"]
    }
  }
}