我尝试使用 MUI 时的反应漏洞答案

【问题标题】：Vulnerability in react when I try using MUI我尝试使用 MUI 时的反应漏洞
【发布时间】：2022-01-13 07:35:55
【问题描述】：

我正在尝试做一个反应项目，我分别使用 npm install @mui/material 和 npm install @mui/icons-material 安装了 MUI 和 MUI 图标。我导入了SearchIcon，但现在我在我的反应页面上收到了这条消息：

./node_modules/@mui/styled-engine/index.js 未找到模块：无法解析“C:\Users\Atharva\OneDrive\Desktop\React Course\amazon-clone\node_modules@mui\styled-engine”中的“@emotion/react”

这是我的代码

import React from 'react';
import './Header.css';
import SearchIcon from "@mui/icons-material/Search";

function Header() {
    return (
        <div className='header'>
            <img 
             className="header__logo" 
             src="https://pngimg.com/uploads/amazon/amazon_PNG25.png" 
            />

            <div className="header__search">
                <input       
                 className="header__searchInpu t" type="text" />
                
                <SearchIcon className="header__searchIcon" />
            </div>

            <div className="header__nav">

             <div className='header__option'>
               <span className='header__optionOne'>
                   Hello Guest
               </span>

               <span className='header__optionTwo'>
                   Sign In
               </span>
             </div>

             <div className='header__option'>
             <span className='header__optionOne'>
                   Returns
               </span>

               <span className='header__optionTwo'>
                   Orders
               </span>
             </div>

             <div className='header__option'>
             <span className='header__optionOne'>
                   Your
               </span>

               <span className='header__optionTwo'>
                   Prime
               </span>   
             </div>
            </div> 
        </div>
    )
}

export default Header

【问题讨论】：

标签： node.js reactjs material-ui

【解决方案1】：

只需执行npm install @emotion/react 并在之后收到其他包裹的相同消息时重复。

MUI 有很多对等依赖项，您必须手动安装。

【讨论】：

谢谢，我一定要试试这个:)