threejs导入import报错

helloyangkl

于 2024-06-14 21:02:15 发布

阅读量247

点赞数 2

分类专栏： threejs开发文章标签：前端 javascript html

本文链接：https://blog.csdn.net/helloyangkl/article/details/139690002

版权

threejs开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.安装 three：

npm install three -d

2.引入：

import * as THREE from "three"

import { OrbitControls } from "three/examples/controls/OrbitControls.js"

报错：

3.解决办法：

3.1引入：

import * as THREE from "three"
import { OrbitControls } from "three/addons/controls/OrbitControls.js"

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