Parcel服务报错:regeneratorRuntime is not defined


字数:285 阅读时长:1分钟 阅读:85

在使用 Parcel 前端打包工具来启动本地服务时,console 控制台报错:Uncaught ReferenceError: regeneratorRuntime is not defined,查阅资料得知:regeneratorRuntime 是打包工具生成的一个全局辅助函数,由 babel 生成,用于兼容 async/await 的语法,所以需要配置相应的 babel 插件。

前端工程化 Parcel

一、配置babel

配置 babel 插件有以下两种方式:

1.创建一个单独的配置文件 .babelrc

window 系统下,不能直接生成以 . 为文件名开头的文件,但是可以在 cmd 命令行中使用 echo 命令来生成。操作如下:

1
echo > .babelrc

编辑 .babelrc 文件,配置如下:

1
2
3
4
5
{
"plugins": [
'@babel/plugin-transform-runtime'
]
}

2.在 package.json 中配置 babel

1
2
3
4
5
"babel": {
"plugins": [
'@babel/plugin-transform-runtime'
]
}

配置成功后,重启服务,Parcel 会自动下载安装依赖,不用手动 npm install ,这一点真是太友好了。

二、总结

注意: package.json 要比 .babelrc 权重高。

如果项目不是太复杂,极力推荐使用 Parcel 构建Web应用,绝对的省心省事,方便又快捷。


欢迎访问:天问博客

本文作者: Tiven
发布时间: 2022-04-14
最后更新: 2022-09-27
本文标题: Parcel服务报错:regeneratorRuntime is not defined
本文链接: https://www.tiven.cn/p/5557532a/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
欢迎留言,提问 ^_^