我已经安装了两个软件包已经图标和核心，但仍然得到这个错误，为什么？
import React from 'react'
import './Nav.css';
import SearchOutlinedIcon from '@mui/icons-material/SearchOutlined';
function Nav() {
return (
<div className = 'header' >
<div className="header_left">
<img className = 'header_image' src='https://cdn-icons-png.flaticon.com/512/174/174857.png' alt='' />
<div className="header_search">
{/* Search icon */}
<SearchOutlinedIcon/>
<input type = 'text' placeholder='search' />
</div>
</div>
</div>
)
}
export default Nav
4条答案
按热度按时间js81xvg61#
尝试安装这些软件包。
//使用npm
npm安装@mui/材料@情感/React@情感/风格
//带纱
Yarn添加@梅/材质@情感/React@情感/风格
wljmcqd82#
从“@mui/icons-material/LightModeOutlinedIcon”导入图标时，我遇到了完全相同的问题，但它的工作方式如下（如下）
或
m528fe3b3#
这个问题遗漏了很多细节，但我的看法是：
我目前使用的是npm v7.24.1，并且在package.json中列出了相同的依赖项
当我把它用在像这样的部件上时，它工作得很好
很遗憾，我无法回答您问题下面的评论，您确定您正在package.json所在的同一目录中运行npm安装吗？因为除非您的npm版本低于5，npm安装@mui/icons-材料必须影响package.json（和package-lock.json）。如果您的npm版本低于5，请在npm安装命令中使用--保存标志。使用“npm -v”验证npm版本。
另一个方法是检查node_modules文件夹中是否存在@mui/icons-material，如果没有，尝试手动将@mui/icons-material添加到package.json的dependencies部分，然后在同一目录下运行npm install。
2w3kk1z54#
我通过从
至