小编kha*_*ras的帖子

嘿嘿，我的问题如下：

我有这个项目，是用 NextJS + React 和 Node.js 制作的。开门见山，我的应用程序运行良好，除非使用“从材质中选择”UI 重新加载页面时除外。该页面中重要的代码是：

<Select defaultValue='#' onChange={e => setCommunityCode(e.target.value)} labelId='communityLabel'>
   <MenuItem value='#' hidden={true}></MenuItem>
      {communities.map(community => (
          <MenuItem value={community.id} key={community.id}>
             {community.id + ' - ' + community.name}
          </MenuItem>
   ))}
</Select>

现在，我的页面运行良好，直到按 F5 或使用浏览器的“Relaod”按钮重新加载页面。然后，它显示以下消息：

“语法错误：无法在模块外部使用 import 语句”。如果我开始挖掘（虽然不多），似乎错误来自于 node_modules 的依赖项，它来自 @mui/material 并被选择。

我导入 Select 的方式是：

import Select from '@mui/material/Select/Select';

显示错误的图像