vue3+vite+mars3d项目中无法加载地球，如何解决？

Question

自己做了一个demo 按照自己demo一模一样的方法导入项目中之后 项目无法加载出地球
原因好像是依赖自动寻找到nodemodules/.vite目录下去了 但是这几个依赖我是装了的
具体报错如下

这是我demo的加载路径

后面不知怎么的调了一下路径又变成undefined了
想问下有啥解决办法没

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题描述： 导入项目后，无法加载出地球，报错信息如图所示。经过排查，发现依赖自动寻找到 .vite 目录下，但是依赖已经安装了。加载路径也调整过，但是后来又变成 undefined。 解决方案：

1. 确认项目依赖是否正确安装 可以尝试在项目的根目录下执行以下命令来检查依赖是否正确安装：

npm install

如果已经安装了依赖包，则可以尝试删除 node_modules 目录，然后重新执行上述命令。 2. 检查加载路径 检查项目的加载路径，确保正确引用了相关文件。可以在代码中加入以下语句来输出加载路径：

console.log(__dirname);

如果加载路径不正确，则需要重新设置加载路径。可以在项目的根目录下创建一个 .env 文件，然后添加以下内容：

VITE_PUBLIC_PATH=/

1. 其他可能的解决方案
2. 检查项目的网络连接是否正常
3. 检查本地是否有防火墙或杀毒软件阻止了项目的访问
4. 尝试使用其他浏览器或清除浏览器缓存 示例代码： 在项目的根目录下，执行以下命令安装相关依赖：

npm install three axios

在代码中添加以下语句来输出加载路径：

console.log(__dirname);

创建 .env 文件，添加以下内容：

VITE_PUBLIC_PATH=/

如果以上解决方案都不能解决问题，可以考虑修改项目的配置文件或者联系相关技术人员协助解决。