react项目npm start报错Can't import the named export 'AmbientLight' from non EcmaScript module

Question

之前的react项目都能运行的，三个月后突然npm start就报错

Can't import the named export 'AmbientLight' from non EcmaScript module

请问该如何解决呢，望赐教，不胜感激

Answer 1

这个错误通常出现在尝试从非 ES 模块导入具名导出时，这可能是因为你在使用旧的语法或者模块版本时出现了不兼容的情况，模块也可能存在过时了的现象。

有几种可能的解决方案：

确保你的 Node.js 版本和你的 React 项目所需的版本兼容，可以在项目根目录下执行 npm ls react 命令来查看你所依赖的 React 版本，然后比较你的 Node.js 版本是否支持该 React 版本。

尝试更新你的依赖库，包括 react 和 react-dom，使用 npm update 或 yarn upgrade 命令来更新依赖。

检查你的代码中是否使用了过时的语法，比如在导入时使用了相对路径或者文件扩展名，可以尝试使用绝对路径或者省略扩展名来导入。

检查你的代码中是否有使用到过时的模块或者库，可能需要升级或替换这些模块。