Not using node.js : Uncaught TypeError: Failed to resolve module specifier “three“. Relative referen

最新推荐文章于 2024-05-15 14:33:46 发布

weixin_47175582

最新推荐文章于 2024-05-15 14:33:46 发布

阅读量4.5k

点赞数 1

文章标签： node.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_47175582/article/details/128099516

版权

本文介绍了在不使用Node.js环境下解决UncaughtTypeError，无法解析'module' specifier 'three'的问题。提供了两种解决方案：一是使用Parcel bundler进行打包；二是通过HTML的importMap直接引入three.js和OrbitControls模块。通过实例代码展示如何在HTML和JS文件中导入并使用这些库。

摘要由CSDN通过智能技术生成

Not using node.js : Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../" - 卑面派对 - 博客园 Not using node.js : Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../" - 卑面派对 - 博客园方法一

parcel

npm install -g parcel-bundler

parcel *.html

方法二

html

<head>
    <script type="importmap">
        {
            "imports": {
                "three": "https://unpkg.com/three@0.138.0/build/three.module.js",
                "OrbitControls": "https://unpkg.com/three@0.138.0/examples/jsm/controls/OrbitControls.js"
            }
        }
    </script>
</head>
<body>
  <script type="module" src="js/test.js"></script>
</body>

// test.js
import * as THREE from 'three';
import { OrbitControls } from 'OrbitControls';

scene = new THREE.Scene();
renderer = new THREE.WebGLRenderer();
controls = new OrbitControls(camera, renderer.domElement);