nuxt2引入three.js页面刷新报错问题:require() of ES Module

关于nuxt2引入three.js页面刷新报错问题

刷新后页面提示:
在这里插入图片描述

require() of ES Module
three.js is treated as an ES module file as it is a .js file whose nearest parent package.json
 contains "type": "module" which declares all .js files in that package scope as ES modules.
  Instead rename three.js to end in .cjs, change the requiring code to use dynamic import()
   which is available in all CommonJS modules, or change "type": "module" to "type": "commonjs"
    in D:\XX\XXXXX\node_modules\three\package.json to treat all .js files as CommonJS

问题所在:
这与 nuxt 构建系统有关。使用第三方库时,应该将它们添加到 nuxt.config.js build.transpile 数组中,以便它可以作为 Babel 的依赖项包含在内。

build: {
	transpile: ["three"]
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值