Material UI Icons中Twitter图标无法显示的导入问题排查

已经装好了Material UI Icons的相关依赖，但导入语句的路径写错了，现在代码编译失败，图标也显示不出来。

我的代码： #

import React from "react";
import TwitterIcon from "node_modules/@mui/icons-material/Twitter";

export default function Sidebar(){
  return (
    <div className="sidebar">
      <h1>"hey"</h1>
      <TwitterIcon className="sidebar__twitterIcon" />
    </div>
  );
}

终端报错信息： #

尝试使用新的跨平台PowerShell https://aka.ms/pscore6 编译失败。
./src/Sidebar.js
模块未找到：无法解析'node_modules/@mui/icons-material/Twitter'，路径位于'C:\Users\Jeremy.Carpenter\twitter-clone2\src'
来自chokidar的错误（C:\）：错误：EBUSY：资源被占用或锁定，无法读取'C:\DumpStack.log.tmp'的状态

解决办法： #

• 修正导入路径：Node.js导入模块不需要写node_modules前缀，直接从包名起始路径导入即可，正确的导入语句应为：

  import TwitterIcon from "@mui/icons-material/Twitter";
  

• 关于EBUSY错误：这是系统文件被锁定导致的无关警告，不影响核心编译流程，修正导入问题后重启开发服务器即可消除该提示。

内容的提问来源于stack exchange，提问作者Jerm