javascript - 无法解析模块说明符 "three"。相对引用必须以 "/"、 "./"或 "../"开头

标签 javascript html three.js

我目前正在尝试将 .obj 模型加载到我的 three.js 项目中。我觉得我的所有代码都是正确的,因为我的代码编译没有任何错误,但是当我转到 Google Chrome 的控制台时,它给了我这个错误。 enter image description here .

主页.html

[![enter image description here](/image/cVOeN.png)](/image/cVOeN.png)

主页.js

enter image description here

最佳答案

尝试改变:

<body>

  <script src = "../node_modules/three/build/three.js"></script> 
    <script type = "module" src = "../public/mainpage.js"></script>

</body>

至 ->

<body>

  <script src = "../node_modules/three/build/three.js"></script> 

    <script type="importmap">
            {
                "imports": {
                    "three": "../build/three.module.js",
                    "three/addons/": "./jsm/"
                }
            }
        </script>

    <script type = "module" src = "../public/mainpage.js"></script>

</body>

基本上,您要添加一个导入 map 。 但是我不确定我刚刚输入的这段代码是否能解决您的问题,因为您只是发送了代码的屏幕截图,而不是实际代码。 出于这个原因,我将为您链接一个网站,该网站解释了更多关于导入 map 的信息,并再次提供了@Rabbid76 评论的链接,请也看看那个。

ImportMaps

Please read this one

关于javascript - 无法解析模块说明符 "three"。相对引用必须以 "/"、 "./"或 "../"开头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74370375/

相关文章:

javascript - 如何向同一个 View 添加多个CSS样式

javascript - Angular Material md-subheader 不粘

javascript 和输入,了解何时停止写入

javascript - Vue js - 来自发布请求的数据将不会呈现

javascript - 是否可以使用 Threejs 为立方体的每个面添加不同的颜色

javascript - 如果有任何输入获得焦点,则不执行函数

javascript - 动态创建其他模块的组件

javascript - Potree/Three.js 测量问题

javascript - 注入(inject) SVG 元素并使用 jquery 访问它

Three.js SceneUtils 没有 traverseHierarchy!!!它在哪里?