{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }

最新推荐文章于 2022-07-05 10:04:45 发布
原创 最新推荐文章于 2022-07-05 10:04:45 发布 · 9.2k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解决了一个常见的Vue项目问题，当执行npm run dev时出现的关于babylon解析器的警告。通过将babylon替换为babel，可以轻松解决此问题。涉及修改node_modules内的vue-loader配置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在vue项目中，执行 npm run dev 时提示

{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }

这个不是报错，而是需要将 babylon 换成 babel

 

解决办法是：

找到modules包里面的：node_modules\vue-loader\lib\template-compiler\index.js

将{ parser: "babylon" } 换成  { parser: "babel" } 即可

{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }
zhangxiaodui的博客
06-28 922
场景 今天跑一个别人的项目，已经写了有一段时间了，发现npm install之后执行npm run dev命令，报错{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }。 解决方案 这是prettier的版本导致，我当时安装的是1.18.0，然后执行如下命令安装了1.12.0版本。 npm install prettier@~1.12.0 -d ok，重新npm run dev便不会报这个错误了。 延伸 之前
{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
weixin_36877698的博客
07-03 1059
npm run dev报错 { parser: “babylon” } is deprecated; we now treat it as { parser: “babel” }. 方法一：prettier版本 是prettier版本导致的问题。npm i prettier@~1.12.0，之后再重新dev就可以了 方法二：配置项 xx\node_modules\vue-loader\lib\...
13% building modules 28/51 modules 23 active ...&index=0!D:\vue\hello-vue\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 95% emitting 怎么解决
06-02
这是在使用Vue.js开发项目时遇到的警告信息，主要是因为Vue.js 3.x版本中废弃了"babylon"解析器，取而代之的是"babel"解析器，因此需要进行相应的更改。 可以在项目中的babel.config.js文件中添加如下内容： ```js...
PS E:\vue.jswork\shopcart> npm run dev > shopcart@1.0.0 dev > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js (node:15036) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated. (Use `node --trace-deprecation ...` to show where the warning was created) (node:15036) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated. 13% building modules 30/35 modules 5 active ...=0!E:\vue.jswork\shopcart\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 95% emitting DONE Compiled successfully in 2365ms 14:12:01 I Your application is running here: http://localhost:8080
06-18
我们面对的问题是：在运行`npmrundev`启动Vue项目时，出现DeprecationWarning警告，具体为：`(node:6516)[DEP0111]DeprecationWarning:Accesstoprocess.binding('http_parser')isdeprecated.`根据引用[1][3][4]，这...
Deprecationlarning: Access to process.binding('http parser')is deprecated
最新发布
07-31
we now treat it as { parser: "babel" }` 这个警告通常是由于babel相关配置中使用了过时的解析器名称。解决方案是更新babel配置，将`babylon`替换为`babel`（如果明确配置了parser的话）。或者升级相关的babel...
WARNdeprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer，receive updates.WARNdeprecated eslint-loaden03.0.4: This loader has been deprecated. Please use eslint-webpack-plugin
06-17
我们正在解决两个弃用警告问题：1.babel-eslint已弃用，建议替换为@babel/eslint-parser2.eslint-loader已弃用，建议迁移到eslint-webpack-plugin步骤：1.... we now treat it as { parser: "babel" }. 95% emitting
{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }.
hua_ban_yu的博客
01-22 901
在搭建vue项目时启动报{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.错误 原因：prettier版本导致的 解决方案： 方案1：找到node_modules\vue-loader\lib\template-compiler\index.js文件，把code = prettier.format(code, { semi: false, parser: 'babylon' })修改为cod.
Vue报错{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
L_WalkingPig的博客
03-13 2968
我这里出现该问题的原因是demo想用webpack打包工具，执行了：npx webpack --config webpack.config.js命令 然后报错的；{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 可以这么做找到：node_modules\vue-loader\lib\te...
Vue坑点杂谈（四）执行npm run dev时出现{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“}
ODST_TheSolverO5的博客
11-23 1779
Vue坑点杂谈（四）执行npm run dev时出现{ parser: “babylon” } is deprecated; we now treat it as { parser: “babel”}错误 一、写在开头 该错误是在执行npm run dev的时候出现的，项目是利用vue-cli脚手架搭建的。 二、发现问题 编译的时候会出现以下的报错： 三、解决问题 解决的方法有两种： 第一种是前往项目的node_modules\vue-loader\lib\template-compiler\index.
Vue 编译报错 { parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }.
weixin_36724538的博客
09-09 1251
Vue 引入 less、 less-loader 后，编译报错 原因：页面style 的标签的 lang 要设置为 scss (lang = ‘less’ 编译不通过) 错误写法：
npm run dev 提示 { parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }.
weixin_42091617的博客
07-05 4727
npm run dev 提示 { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
vue 报错 { parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }
fan2016434589的博客
02-14 2659
{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值