怎样将ES6 bare module引入到本地程序中,3DTilesRendererJS集成问题解决方案探索

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

最近想要将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导入相关模块时

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山中涛大爷

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值