最近想要将NASA的3DTile的解析渲染代码集成到自己的程序中,在github中clone了
git+https://github.com/NASA-AMMOS/3DTilesRendererJS.git 相关代码
在运行其示范代码时却出现以下问题:
“Uncaught SyntaxError: Cannot use import statement outside a module”
因为引用文件引入了class,这是ES6中module中定义的概念,需要在script中加入 type=“module”才能确保浏览器正确解析脚本,如下:
<script src="./customMaterial.js" type="module"></script>
虽然浏览器可以解析脚本了,紧接着运行又出现以下报错
“Uncaught SyntaxError: Cannot use import statement outside a module” when importing ECMAScript 6”
查阅资料才发现原因:
从第三方导入ES6模块时,仅使用浏览器同步是行不通的。
因为采用import导入相关模块时采用了bare import,如:
import { LineSegments, B

在尝试将NASA的3DTilesRendererJS集成到项目时,遇到'Uncaught SyntaxError: Cannot use import statement outside a module'错误。本文探讨了解决方案,包括直接引用在线库、使用Webpack打包、Open Web Components和Polymer-cli。每个方法的优缺点和实施步骤都有详细阐述,为处理ES6裸模块导入提供了参考。
最低0.47元/天 解锁文章
3713





