![](/img/trans.png)
[英]Module not found: Can't resolve '@mui/icons-material/FileDownload'
[英]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.