vue 报错之{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.

最新推荐文章于 2024-05-22 13:18:25 发布
最新推荐文章于 2024-05-22 13:18:25 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： vue 文章标签： vue npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/honey_seve7n/article/details/101624599
版权

vue项目中使用sass时遇到{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.问题

详细解决方法如下。

1.安装prettier

npm install prettier --save-dev

安装完之后npm run dev这时会报错Module build failed: TypeError: this.getResolve is not a function at Object.loader

这个是因为sass-loader版本有问题 换成7.0.0版本就好

npm install node-sass@7.0.0 --save-dev

这个时候问题就解决了~~~

 

honey_seve7n
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }
zhangxiaodui的博客
06-28 686
场景 今天跑一个别人的项目，已经写了有一段时间了，发现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便不会报这个错误了。 延伸 之前
vue-eslint-parser：.vue文件的ESLint自定义解析器
02-05
Vue-Eslint解析器 .vue文件的ESLint自定义解析器。 :right_arrow_curving_up: 动机该解析器使我们可以.vue文件的<template> 。 如果我们在使用复杂的指令和表达式，我们很容易在上犯错。 该解析器和规则会捕获一些...
Vue报错{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
L_WalkingPig的博客
03-13 2796
我这里出现该问题的原因是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...
PARSER: “BABYLON” } IS DEPRECATED； WE NOW TREAT IT AS { PARSER: “BABEL”}
最新发布
weixin_45041493的博客
05-22 293
PARSER: “BABYLON” } IS DEPRECATED； WE NOW TREAT IT AS { PARSER: “BABEL”}
Vue项目报错: parser: "babylon" } is deprecated; we now treat it as { parser: "babel"
mawei7510的博客
12-12 6956
报错信息如下 18% building modules 68/88 modules 20 active ...gnss-mine-ui\src\components\Login.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. This dependency was not ...
Vue坑点杂谈（四）执行npm run dev时出现{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“}
ODST_TheSolverO5的博客
11-23 1595
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.
{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }.
hua_ban_yu的博客
01-22 691
在搭建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“ }.
weixin_36724538的博客
09-09 1159
Vue 引入 less、 less-loader 后，编译报错 原因：页面style 的标签的 lang 要设置为 scss (lang = ‘less’ 编译不通过) 错误写法：
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
在Vue.js框架中，`this.$set`是一个用于添加响应式属性的方法，它遵循Vue的依赖追踪机制，确保新添加的属性能够触发视图更新。然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上...
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
10-14
2. 在`babel.config.js`或`vue.config.js`中配置presets，确保`useBuiltIns`设置为`"entry"`。对于vue/cli3，配置如下： ```javascript // babel.config.js presets: [["@vue/app", { useBuiltIns: "entry" }]] ...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue 报错 { parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }
fan2016434589的博客
02-14 2540
{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }
【vue】提示信息：{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }.
hdsfk的博客
03-09 480
【Vue】 vue告警信息：{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 是prettier版本导致的，直接在项目中：npm install prettier@~1.12.0 -d 然后重新npm run dev
{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
weixin_36877698的博客
07-03 1009
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\...
在vue项目中，执行 npm run dev 时提示 { parser: "babylon" } is deprecated; we now treat it as { parser: "babel...
weixin_30920853的博客
07-12 3051
这个不是报错，而是需要将babylon 换成babel 解决办法是： 找到modules包里面的：node_modules\vue-loader\lib\template-compiler\index.js 将{ parser: "babylon" } 换成?{ parser: "babel" } 即可； 如下图所示： 转载于:https://www.cnblog...
Vue报错\page\ComplianceTraceReport\index.vue{ parser: “babylon“ } is deprecated； we now treat it 怎么解决？
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
01-08 436
【代码】Vue报错\page\ComplianceTraceReport\index.vue{ parser: "babylon" } is deprecated;we now treat it 怎么解决？
Vue问题：App.vue{ parser: “babylon“ } is deprecated ； we now treat it as { parser: “babel“ } 的解决。
esunny的专栏
10-02 2084
错误提示如下图： 解决办法： 打开/node_modules/vue-loader/lib/template-compiler/index.js, 找到"babylon",将它改成"babel"即可。 // prettify render fn if (!isProduction) { code = prettier.format(code, { semi: false, parser: 'babel' }) //将'babylon'改成'babel' ...
App.vue{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }. 95% emitting错误解决
u010234868的专栏
09-26 1199
Vue CLI2安装后运行没有问题，第二天退出重新运行报错： 14% building modules 37/42 modules 5 active ...x=0!E:\01\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 95% emitting 解决办法： cnpm install prettier@版本号 -D 然后重新执行：npm run dev ...
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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值