Vue2 重新安装依赖后 @vue/compiler-sfc 编译报 ＞＞＞ and /deep/ 警告

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

错误示例图：

最近突然项目冒出 @vue/compiler-sfc 编译报 /deep/ 警告的问题，一顿对网上操作后，还是没能解决。也不去探究什么原因造成的吧(总之和 Vue 2.7 版本有关)，若按警告的提醒去一个个改显然是不能接受的，直接上解决方案。

// 先执行下面2行命令，安装具体的 2.x 版本
npm intall vue@2.6.14
npm intall vue-template-compiler@2.6.14

// 执行完上面的代码，重新运行项目如果还报错同样的错误则执行如下代码
npm unintall @vue/compiler-sfc

作者：黄河爱浪

本文原创，著作权归作者所有，转载请注明原链接及出处

黄河爱浪
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
六、报[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.”
张先森的博客
10-09 1490
vben报[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead.”的warning
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
官网直接安装的不支持vite2/3+vue2的 主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm ...
vue3[@vue/compiler-sfc] ::v-deep usage as ...和 [@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators...
m0_37158404的博客
05-26 4020
单文件组件样式特性 | Vue.js vue3单文件组件中，处于 scoped 样式中的选择器如果想要做更“深度”的选择，也即：影响到子组件，可以使用 :deep() 这个伪类； <style scoped> :deep(.el-input) { width: 200px; height: 40px; } </style> 使用下面的这些写法时，编译的时候终端会有警告； （1）::v-deep <style sc..
This experimental syntax requires enabling one of the following parser plugin(s): “jsx“, “flow“, “ty
最新发布
xiaoxiannvh的博客
05-05 1705
报错： [vue/compiler-sfc]This experimental syntax requires enabling one of the following parser plugin(s): “jsx”, “flow”, “typescript”.翻译：这种实验语法需要启用以下解析器插件之一：“jsx”、“flow”、“typescript”。(4:13)
[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
Wannaer的博客
11-07 5403
编译运行出现"[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead."黄色警告提示，不影响项目的运行，但是看着很难看，就想着把它解决调。出现这个提示是因为 >>> 和 /deep/ 组合器已被弃用，需要使用 :deep() 或者 ::v-deep() 代替。
关于VUE2旧项目重新安装依赖后@vue/compiler-sfc编译报错
weixin_39547000的博客
07-21 5098
关于VUE2旧项目重新安装依赖后@vue/compiler-sfc编译报错
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)
m0_60709009的博客
11-15 2578
vue3
vue2⚠️警解决“::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.问题
yahui_zhang的博客
08-11 2032
vue打包报错问题
vue3.0 深度选择器＞＞＞ 和 /deep/ 和 ::v-deep 被弃用‘the ＞＞＞ and /deep/ combinators have been deprecated‘
热门推荐
wyl的博客
04-02 4万+
vue3.0+element plus 双汉堡组合，谁用谁知道。 今天改了一个element 的一个样式还是用原来的/deep/编译的时候发现报了如下的警告 [@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead. [@vue/compiler-sfc] the >>> and /deep/ combinators have been
vue2项目突然无法编译通过，主因最近vue2升级版本了
hl234的专栏
07-04 4076
vue2项目突然无法编译通过，[@vue/compiler-sfc]the>>>and/deep/combinatorshavebeendeprecated.Use:deep()instead.
vue3弃用/deep/深度穿透
v201341179的博客
08-09 1657
vue3弃用/deep/语法
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for pnpm
03-19
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用...
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for cnpm
02-22
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用...
component-compiler-utils:用于编译Vue单个文件组件的较低级实用程序
05-02
@ vue / component-compiler-utils 用于编译Vue单个文件组件的较低级实用程序该软件包包含较低级的实用程序，如果您正在为将Vue单个文件组件编译为JavaScript的捆绑器或模块系统编写插件/转换，则可以使用这些实用...
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn
03-20
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用...
Vue 打包优化方案（解决 vendor.js 过大的问题）
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
07-02 3万+
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。 优化方式通常有以下方式： 一、路由懒加载： 把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 参考链接： https://router.vuejs.org/zh/guide/advanced/lazy-loading.html 二、不打包第三方库： 减少 vend...
Vue-cli4 配置 element-ui 按需引入
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
12-13 1万+
在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程 #1 node与vue的版本情况 #2未按需加载打包后的文件情况 由上图看出，只是引入了 element-ui框架后，js文件急剧的上升到了 783KB，这显然是不能接受的。 element-ui按需加载文档：https://e...
Vue 设置图片不转为base64
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
03-25 9021
在使用 Vue.js 框架开发项目时，vue-cli创建的webpack模板默认会将10K以下的图片和字体文件转为base64。 好处：带来了更快的渲染，不会因为页面切换时还有加载图片的延迟感。 坏处：打包后的CSS，JS文件非常大，特别是图片数量多的情况下，这个问题尤为明显。 修改文件：/build/webpack.base.conf.js 修改方式，如下图所示位置，将图片和字体的li...
vue cli 运行项目报错 @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
05-12
这个错误提示说明你的项目中缺少 vue 或 @vue/compiler-sfc 依赖，而 @vitejs/plugin-vue 插件需要这些依赖的支持才能正常运行。 解决方法如下： 1. 确认你的项目中已经安装了 vue 或 @vue/compiler-sfc 依赖： ``` npm ls vue npm ls @vue/compiler-sfc ``` 如果没有安装，执行以下命令安装： ``` npm install vue npm install @vue/compiler-sfc ``` 2. 如果已安装了依赖，但是还是报错，可以尝试更新依赖版本： ``` npm update vue npm update @vue/compiler-sfc ``` 3. 如果更新依赖还是不能解决问题，可以尝试卸载依赖并重新安装： ``` npm uninstall vue npm uninstall @vue/compiler-sfc npm install vue npm install @vue/compiler-sfc ``` 4. 如果还是无法解决问题，可以尝试删除项目的 node_modules 目录并重新安装依赖： ``` rm -rf node_modules npm install ``` 如果你使用的是 yarn，可以使用以下命令： ``` rm -rf node_modules yarn install ``` 希望这些方法能够帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值