javascript - webpack 无法解析 node_modules Material 图标

Question

这是我收到的错误

ERROR in ./node_modules/material-icons/iconfont/material-icons.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/material-icons/iconfont/material-icons.css)

Module build failed (from ./node_modules/source-map-loader/dist/cjs.js):
Error: ENOENT: no such file or directory, open 'C:\Users\perso\Desktop\slick_react\node_modules\material-icons\iconfont\material-icons.css'

但是我在此之前卸载了material-icons，这是我的package.json

{
  
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.2.0",
    "@fortawesome/free-solid-svg-icons": "^6.2.0",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "chart.js": "^3.9.1",
    "react": "^18.2.0",
    "react-chartjs-2": "^4.3.1",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "slick-carousel": "^1.8.1",
    "web-vitals": "^2.1.4"
  },

}

我尝试安装，但它没有重新安装，并且我的页面仍然停止渲染。

Answer 1

一定有一些未安装的软件包可能存在冲突。按照我的想法，你应该尝试做的是:

1. 删除node_modules文件夹
2. 运行yarn/npm install 无论您使用什么来重新安装软件包
3. 然后使用 --save 标志再次添加 Material-ui 所需的包。这应该可行!