ThreeJS导入失败

问题描述

1
2
3
4
5
-index.html 
-src.js
-node_modules
 -three
  -...

在src.js 中用如下方式导入ThreeJS 

1
import * as THREE from 'three';
index.html body如下 
1
2
3
<body>
    <script type="module" src="/src/day01_a.js"></script>
</body>
出现报错 
1
Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../".
image.png ## 解决方案 stackoverflow给出了解决方案https://stackoverflow.com/questions/65697410/not-using-node-js-uncaught-typeerror-failed-to-resolve-module-specifier-thre

image.png

删除src.js的导入，将index.html body改为 

1
2
3
4
<body>
    <script src="/node_modules/three/build/three.js"></script>
    <script type="module" src="/src/day01_a.js"></script>
</body>

踩坑
#ThreeJS
ThreeJS导入失败
https://studyinglover.com/2023/01/13/ThreeJS导入失败/
作者
StudyingLover
发布于
2023年1月13日
许可协议