nuxt打包build报错regeneratorRuntime is not defined

最新推荐文章于 2024-07-26 16:29:58 发布
原创 最新推荐文章于 2024-07-26 16:29:58 发布 · 677 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了.babelrc文件的配置方法，重点讲解了如何通过@babel/preset-env预设来针对不同环境（如浏览器和Node.js）设定目标版本，确保代码的兼容性和可运行性。

.babelrc配置如下

{
    "env": {
        "browser": {
          "presets": [
            [
              "@babel/preset-env", {
              "targets": {
                "browsers": ["last 2 versions", "safari >= 7"]
              }
            }
            ]
          ]
        },
        "node": {
          "presets": [
            [
              "@babel/preset-env", {
              "targets": {
                "node": "current"
              }
            }
            ]
          ]
        }
      }
}

配置要区分环境

Sherlock_db
关注
Nuxt - 引入第三方插件或自定义函数方法（document / window is not defined ）报错未定义解决方案
🏆 前端领域优质创作者
07-07 5724
原因很简单，您引入的第三方库内源码用到了`window/document`，当Nuxt在服务端（Node.js）编译渲染时，node环境本身并没有`window/document`对象，所以就报错了。Nuxt等SSR框架中，引入第三方包(类似于富文本编辑器：UEditor、wangEditor、vue2Editor、quill…)的时候，报错Document/Windowisnotdefined，或者报错renderfunctionortemplate
Nuxt - 解决引入 qrcodejs2.js / QRCode.js 报错（document is not defined）
🏆 前端领域优质创作者
08-24 3949
Nuxt-解决引入qrcodejs2.js/QRCode.js报错（documentisnotdefined），nuxt.js如何使用qrcodejs2.js/QRCode.js二维码插件？nuxt使用QRCode.js生成二维码，nuxt项目中使用qrcode，Nuxt.js不能用npm安装插件，原本是vue写的，改用nuxt.js项目后qrcodejs2.js/QRCode.js报错，nuxt使用qrcodejs2，nuxt使用QRCode.js生成二维码，j
regeneratorRuntime is not defined
miaomiao_1024的博客
06-05 2077
regeneratorRuntime是webpack打包生成的全局辅助函数，由babel生成，用于兼容async/await的语法。值得注意的是，如果你是node.js的运行环境，由于node.js已经支持的async/await，固无需配置。但如果你用了比如vue ssr之类的，也就是仍旧使用了webpack打包，并有node.js运行，可能需要将其排除掉，或者根本不使用babel-loader。是webpack打包生成的全局辅助函数，由babel生成，用于兼容async/await的语法。
Nuxt3：升级vue-tsc v2.x结果报错Nuxt Build Error: Cannot find module ‘vue-tsc/out/index‘
一些平时在开发过程中遇到的常见问题，分享给大家
07-03 1408
Nuxt3：升级vue-tsc v2.x结果报错Nuxt Build Error: Cannot find module 'vue-tsc/out/index'
nuxt npm run build 打包报错
weixin_43550660的博客
12-14 5721
nuxt npm run build 打包报错 报错信息如下 然后在报错信息上面去寻找报错源 ERROR in ./node_modules/bootstrap-vue/dist/bootstrap-vue.css Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader....
nuxt-Module build failed报错篇
热门推荐
往事不回头,余生不将就
08-21 1万+
问题，在nuxt开发过程中，运行npm run dev 直接报错 报错信息如下 Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions. 原因及解决办法 原因：这个异常说明了 babel的版本冲突，babel依赖包不兼容， 在 package.json 依赖包中既有 babel 7.0 版本， 又有 babel 6.0版本，就会报这个错误，这两个版本很明显是.
【Nuxt】Nuxt3 中监听 document 滚动报错 document is not defined
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
02-23 690
【代码】【Nuxt】Nuxt3 中监听 document 滚动报错 document is not defined。
解决nuxt3生产打包以后运行服务器报错： BScroll.use is not a function
jiaohuizhuang6019的博客
12-15 1069
解决nuxt3生产打包以后运行服务器报错： BScroll.use is not a function
nuxt打包服务器报错
小冯的博客
01-06 1772
报错信息 No pages directory found in C:\Users\Administrator\Desktop\svn\svnsz\mall4pc-bbc\dfasd. Did you mean to run nuxt in the parent (../) directory? at Builder.validatePages (node_modules\@nuxt\builder\dist\builder.js:5658:13) at async Builder.build
nuxt 一直报错 http://localhost:24678/_nuxt/
weixin_55042716的博客
05-15 2257
这个错误可能是由于Nuxt.js应用程序无法正确加载/_nuxt/路径下的资源而导致的。解决这个问题的方法有以下几种：
分享：nuxt错误处理
awseda的博客
06-11 3340
错误处理 Nuxt.js 在上下文对象context中提供了一个 error(params) 方法，你可以通过调用该方法来显示错误信息页面。params.statusCode 可用于指定服务端返回的请求状态码。以返回 Promise 的方式举个例子： export default { asyncData ({ params, error }) { return axios.get(`https://my-api/posts/${params.id}`) .then((res) =&g
持续集成部署 - 记一次构建Nuxt.js前端项目遇到的坑
种一棵树最好的时间是十年前，其次是现在。
10-27 1601
记录一次Jenkins构建NuxtJS项目，遇到的问题。可见日常代码规范，显得尤为重要。
nuxt编译报错解决（升级版本造成大量报错原因）
中年程序员一枚的博客
12-27 2952
{ “name”: “cc”, “version”: “1.0.0”, “author”: “ly”, “private”: true, “scripts”: { “build”: “nuxt build”, “start”: “nuxt start”, “dev-build”: “cross-env NODE_ENV=dev nuxt build”, “dev”: “nuxt”, “test-build”: “cross-env NODE_ENV=test nuxt build”, “test”: “cr
Spring Boot + Nuxt + Debian（六）：代码规范(统一返回封装,DTO,BO,枚举,统一异常)
ibona的博客
01-19 315
一、统一返回信息封装 1.新建注解接口 /** * @author ** * @date Dec. 31, 2019 * @description 封装返回信息注解 */ @Inherited @Documented @Target({ElementType.METHOD}) @Retention(RetentionPolicy.RUNTIME) public @interface MyP...
【Tips】Vue项目报错：This dependency was not found:* regenerator-runtime/runtime.js in ./node_modules/cache
YK菌的博客
08-29 1万+
Vue项目启动后保存，少了依赖 安装一下就好了 This dependency was not found: regenerator-runtime/runtime.js in ./node_modules/cache-loader/dist/cjs.js??ref–12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref–0-0!./node_modules/vue-loader/lib??vue
笔记：服务端渲染 框架 Nuxt.js是用build打包部署 报错解决
sky8880的博客
03-11 1321
服务端渲染 框架 Nuxt.js是用build打包部署 报错解决，
nuxt3项目打包报错Nuxt Build Error: [vite:vue] Could not load E:/myweb2/21\u540E\u7AEF\u6E32\u67D3/02-Nust3
最新发布
qq_22082081的博客
07-26 1077
找了很久没看到文件那里有问题，最后想着是不是路径中的中文不能识别，把项目移到硬盘根目录后打包就成功了。
nuxt报错self is not defined
03-29
这个错误通常出现在使用 Nuxt.js 框架时，可能是因为您的代码中使用了 ES2015 模块的语法，但是您没有正确地配置 Babel。 在您的项目根目录下，创建一个名为 babel.config.js 的文件，并添加以下内容： ```...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值