簡體   English   中英

找不到 ChakraUI React 導入模塊:無法解析“@public/icons”

[英]ChakraUI React import Module not found: Can't resolve '@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/*"]
    }
  }
}
from '@public/icons';

from '@/public/icons';

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM