我正在使用 npm overlay-navbar 模塊創建一個覆寫導航欄 https://www.npmjs.com/package/overlay-navbar 但我收到一個錯誤：
請求的模塊“./io5”包含名稱“iologoandroid”、“iologoangular”、“iologoapple”、“iologobitbucket”、“iologobitcoin”、“iologobuffer”、“iologochrome”、“iologoclosedcaptioning”、“iologocodepen”的沖突星匯出, 'iologocss3', 'iologodesignernews', 'iologodribbble', 'iologodropbox', 'iologoeuro', 'iologofacebook', 'iologoflickr', 'iologofoursquare', 'iologogithub', 'iologogoogle', 'iologohackernews', 'iologo' iologoinstagram', 'iologoionic', 'iologoionitron', 'iologojavascript', 'iologolinkedin', 'iologomarkdown', 'iologonosmoking', 'iologonodejs', 'iologonpm', 'iologooctocat', 'iologopinterest', 'iologoplaystation', 'iologopython', 'iologoreddit', 'iologorss', 'iologosass', 'iologoskype', 'iologoslack', 'iologosnapchat', 'iologosteam', 'iologotumiotbl' , 'iologotwitch', 'iologotwitter', 'iologousd', 'iologovimeo', 'iologovk', 'iologowhatsapp', 'iologowindows', 'iologowordpress', 'iologoxbox', 'iologoxing', 'iologoyahoo', 'iologoen iologoyoutube' 與先前請求的模塊 './io'iologoslack', 'iologosnapchat', 'iologosteam', 'iologotumblr', 'iologotux', 'iologotwitch', 'iologotwitter', 'iologousd', 'iologovimeo', 'iologovk', 'iologowhatsapp', 'iologowindowsapp' , 'iologoxbox', 'iologoxing', 'iologoyahoo', 'iologoyen', 'iologoyoutube' 帶有先前請求的模塊 './io'iologoslack', 'iologosnapchat', 'iologosteam', 'iologotumblr', 'iologotux', 'iologotwitch', 'iologotwitter', 'iologousd', 'iologovimeo', 'iologovk', 'iologowhatsapp', 'iologowindowsapp' , 'iologoxbox', 'iologoxing', 'iologoyahoo', 'iologoyen', 'iologoyoutube' 帶有先前請求的模塊 './io'iologoyoutube' 與先前請求的模塊 './io'iologoyoutube' 與先前請求的模塊 './io'
我該怎么做才能解決這個問題？
這是我的 package.json 檔案：
{
"name": "frontend",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.1",
"@testing-library/react": "^12.1.2",
"@testing-library/user-event": "^13.5.0",
"axios": "^0.24.0",
"bootstrap": "^5.1.3",
"overlay-navbar": "^1.1.1",
"react": "^17.0.2",
"react-alert": "^7.0.3",
"react-alert-template-basic": "^1.0.2",
"react-bootstrap": "^2.0.3",
"react-dom": "^17.0.2",
"react-helmet": "^6.1.0",
"react-icons": "^4.3.1",
"react-redux": "^7.2.6",
"react-router-dom": "^6.2.1",
"react-scripts": "5.0.0",
"redux": "^4.1.2",
"redux-devtools-extension": "^2.13.9",
"redux-thunk": "^2.4.1",
"web-vitals": "^2.1.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"webpack": "^5.65.0"
}
}
我試過重新安裝模塊但它不起作用
uj5u.com熱心網友回復：
我認為這個問題與react-icons和webpack 5 有關。有人已經在 react-icons github https://github.com/react-icons/react-icons/issues/514 中發布了類似的問題
并且您正在使用create-react-app版本 5，它使用webpack 5作為模塊捆綁器。在react-icons更新他們的庫之前，我們真的無能為力（如果你堅持使用第 5 版）。
同時，您可以通過降級create-react-app將 webpack 降級到版本 4 的最簡單方法。試試這個命令：
npm i react-scripts@4
**注意：我也注意到您正在使用react-router-dom ^6.2.1，您也應該降級它，因為overlay-navbar不支持該版本。試試這個命令：
npm i react-router-dom@5
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/386250.html
上一篇：從URLPython中洗掉空格