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

这篇具有很好参考价值的文章主要介绍了nuxt2引入three.js页面刷新报错问题:require() of ES Module。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

刷新后页面提示:
nuxt require() of es module,javascript,elasticsearch,前端

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 的依赖项包含在内。文章来源地址https://www.toymoban.com/news/detail-817806.html

build: {
	transpile: ["three"]
}

到了这里,关于nuxt2引入three.js页面刷新报错问题:require() of ES Module的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • nuxt3 useFetch封装一个api接口http请求 - 解决刷新页面useFetch无返回

    项目中封装接口请求,并且解决刷新页面useFetch无返回数据问题 刷新页面useFetch无返回数据问题: 浏览器刷新的时候页面没有显示数据,接口data无返回。本身nuxt的useFetch在参数不变的情况下,数据是不会重新从后台接口去请求数据的,会直接拿上一次的结果。但是有实时去后

    2024年02月11日
    浏览(76)
  • 微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用

    一、了解qiankun.js qiankun - qiankun 1.1、简单, 任意 js 框架均可使用。微应用接入像使用接入一个 iframe 系统一样简单,但实际不是 iframe。 1.2、完备, 几乎包含所有构建微前端系统时所需要的基本能力,如 样式隔离、js 沙箱、预加载等。解耦,与技术无关。 1.3、生产可用, 已

    2024年02月03日
    浏览(69)
  • NUXT3项目安装依赖运行后报错 require() of ES Module xxxxx not supported.

    部署nuxt3项目(VUE3),使用cnpm i 和yarn install安装完依赖,报错如下: Cannot start nuxt: require() of ES Module /www/wwwroot/xxx/node_modules/escape-string-regexp/index.js from /www/wwwroot/xxx/node_modules/@babel/highlight/node_modules/chalk/index.js not supported. 误打误撞补上这句就好了: yarn add babel-node babel-node 版本

    2024年02月13日
    浏览(33)
  • vue2+three.js+blender(实现3d 模型引入并可点击效果)

    2023.9.13今天我学习了如何把3d建模里面的模型引入到vue中,并可以实现拖动,点击的效果: 首先安装: npm install three 相关代码如下:  如果没有图片可以去 Three.js--》建模软件如何加载外部3D模型?_threejs加载3d模型_亦世凡华、的博客-CSDN博客

    2024年02月03日
    浏览(61)
  • three.js嵌入可交互的普通页面

    大概就是👉在html中写一个3d场景,场景里放一块画板,画板上是一个可以操作的网页,just like this👇 翻遍了csdn和google,有几个人做过这个,但是过程好简陋,我是个笨人,不知道怎么正确引用three.js,并且至今弄不懂vue是什么(。)总之凭借一位大佬八年前的代码,我东凑

    2024年02月10日
    浏览(37)
  • Three.js 进阶之旅:页面平滑滚动-王国之泪 ?

    声明:本文涉及图文和模型素材仅用于个人学习、研究和欣赏,请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 浏览网页时,常被一些基于鼠标滚轮控制的页面动画所惊艳到,比如greensock 官网这些 showcase 案例页面就非常优秀,它们大多数都是使用 Tw

    2024年02月02日
    浏览(48)
  • JS强制刷新页面的方法!

    1.使用location.reload()方法: 这是一种最简单的强制刷新页面的方法,它会重新加载当前页面并且重新请求所有资源,包括 JavaScript 文件、CSS 文件、图片等。 代码示例: 2.使用location.replace()方法: 此方法会加载一个新页面,并替换当前页面,实现了强制刷新的效果。 代码示例

    2024年02月05日
    浏览(48)
  • js刷新页面方法合集分享

      本文介绍下,用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧 如何实现刷新当前页面呢?借助js你将无所不能。 1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet])   参数: bForceGet, 可选参数

    2024年02月06日
    浏览(44)
  • 前端 ES6 环境下 require 动态引入图片以及问题

    ES6 环境中,通过 require 的方式引入图片很方便,一直以来也没有出过什么问题,后来项目中,需要动态引入图片。 require 动态引入也容易实现,百度也能搜到很多博客介绍。 偶然发现项目中 require 引入图片好像对打包体积影响挺大 ,js 会变大很多,经过测试,终于确定原因

    2024年02月07日
    浏览(43)
  • JS 刷新保持iframe页面并支持浏览器前进后退

    参考资料 html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题 击按钮切换iframe的src,这个路径如何不会被记录到history中? iframe 后退 浏览器history 问题 ajax与HTML5 history pushState/replaceState实例 我们使用iframe嵌套自己系统的页面,但是浏览器刷新之后

    2024年02月09日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包