在vue2.6项目中拓展集成vxe-table，BrowserslistError: Unknown browser query `dead`

最新推荐文章于 2024-05-28 20:50:47 发布
最新推荐文章于 2024-05-28 20:50:47 发布
阅读量770 收藏
点赞数
文章标签： 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42531097/article/details/126760247
版权
本文讲述了在项目中集成VXE-Table遇到`BrowserslistError:Unknown browser query`的问题，通过升级cssnano和autoprefixer至最新版本4.1.10和9.6.1解决了冲突，确保了前端兼容性。
摘要由CSDN通过智能技术生成

在项目中安装vxe-table后，运行项目提示

BrowserslistError: Unknown browser query `dead`

网上找的办法，删除package.json文件里 browserslist配置或者

{

  loader: 'css-loader',

  options: {

    minimize: false

  }
}

加入此配置也无法解决本机问题.

上google翻阅资料，找到了解决方法，通过npm ls 发现 cssnano，autoprefixer的browserslist都是小于3.0版本，是不是更新了这两个的版本就可以解决了。

yarn upgrade cssnano@4.1.10

yarn upgrade autoprefixer@9.6.1

更新之后，vxe-table成功集成到项目里.

 贴上方法原文地址:

https://github.com/tachyons-css/cli/issues/22

weixin_42531097
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vxe-table::dolphin: vxe-table vue 表格解决方案
05-11
vxe-table 简体中文|| 一个基于的PC端表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等....
vxe-table：:dolphin:vxe-table vue表格解决方案
02-06
表格简体中文||一个基于的PC端表格组件，支持增删改查，虚拟滚动，懒加载，快捷菜单...v2基于vue2.6 +，支持所有主流的浏览器，同时兼具功能与性能 v3基于vue2.6 +，仅支持现代浏览器，不支持IE，提升渲染性能 v4基于vu
解决Module build failed: BrowserslistError: Unknown browser query `dead`的问题
热门推荐
https://github.com/Bot80926
01-11 2万+
最近在使用create-react-app构建项目的时候，执行npm run build命令，报错： Module build failed: BrowserslistError: Unknown browser query `dead 原因： 在git上搜了一遍之后，发现是create-react-app在创建application的时候下载依赖使用了旧版本的BrowserslistEr...
BrowserslistError: Unknown browser query `dead` fix
pandaClose的博客
12-15 7886
问题描述： 自己写了一个vue组件库，build打包并发布到私有库一起正常，神奇的是我在新启动一个项目之后，引入js，Vue.use(xx)也都是成功的，但是发现import ‘xxx.css’打包之后的style之后，编译竟然报错，报错信息如下： BrowserslistError: Unknown browser query `dead` 报错指向的就是引入的css，直接进去查看css文件也没有发现什么其他的错误，就是不知道为什么出现这么神奇诡异的问题。 问题排查： 出现了这个问题显而易见的.
vue Vxe UI vxe-table 4.0-4.6 升级到 v4.7 报错
最新发布
我的博客
05-28 474
vue vxe-table 4.0-4.6 升级到 v4.7 报错
查遍全网目前最有效解决办法：Module build failed: BrowserslistError: Unknown browser query `dead`
北海一刀
07-21 4204
今天偶然间项目编译打不开了，满篇如下错误，网上找遍让配置一点用没得卡球一天找遍全网，方案都无效都是配置browserslist browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ] } 最后在一大堆红色文字中发现css-loader出现多次，尝试重新安装解决问题哈哈 npm i css-loader@1.0.0 ...
引入antdesign后报错Module build failed: BrowserslistError: Unknown browser query `dead`
m0_70779709的博客
03-06 412
看了一些文章以为是main.js里browserslist配置错了，删了又改了一直没解决问题，后来将ant design版本改为1.7.2就可以运行成功了。
angular2 执行serve ng 命令后出现Unknown browser query 'dead'的解决方案
qq_20369621的博客
01-15 4169
angular2项目，在升级了angular-cli,node,npm的版本之后由于版本差距巨大，然后就恢复了原有的版本，但是当执行ng serve的时候就出现了Unknown browser query 'dead'的问题，长时间无法解决。 我们来说一下遇到这个问题的解决思路：显然是依赖browserslist的问题，那么我们首先进入该依赖组件的官方网站 https://github.c...
vxe-table-plugin-menus::deciduous_tree: 基于 vxe-table 的表格插件，提供实用的快捷菜单集
04-13
vxe-table-plugin-menus 基于 的表格插件，提供实用的快捷菜单集 Installing npm install xe-utils vxe-table@next vxe-table-plugin-menus@next // ... import VXETable from 'vxe-table' import ...
vxe-table vue表格解决方案-其他
06-11
vxe-table是一个基于vue的表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、丰富的扩展插件等... 设计理念： 面向...
基于 vxe-table 表格的适配插件，用于兼容 ant-design-vue 组件库
05-28
npm install vxe-table@next vxe-table-plugin-antd@next ant-design-vue@next // ... import VXETable from 'vxe-table' import VXETablePluginAntd from 'vxe-table-plugin-antd' import 'vxe-table-plugin-antd/...
browserslist-browserstack:使用浏览器列表查询过滤可用的BrowserStack功能
04-12
浏览器列表-浏览器堆栈 对项目的配置中的所有浏览器运行BrowserStack测试（带有附加的包含/排除过滤器）。 设置 重要说明：为了使用此软件包，需要具有有效Automate计划的BrowserStack帐户，并提供免费试用版。 browserslist-browserstack是一个npm模块，因此启动和运行很简单。 安装npm模块： yarn add browserslist-browserstack --dev # or npm install browserslist-browserstack --save-dev 将其导入项目（例如， browserstack.test.js或测试套件使用的任何约定）： const getCapabilities = require ( 'browserslist-browserstack' ) . default ; // or
使用vxe-table插件报错
温如君子
11-11 5365
报错截图如下所示： 解决方案： 在引用vxeTable前引用xe-utils
create-react-app build 报错 BrowserslistError: Unknown browser query android all
dongaihongdahshine的博客
06-21 536
解决方法 参考链接 https://github.com/browserslist/browserslist/issues/382
在vue2.6项目中拓展集成vxe-table组件教程
jxysgzs的博客
01-26 4238
环境：vue2.6 1. 安装xe-utils vxe-table npm install xe-utils vxe-table 注： xe-utils是vxe-table的依赖环境，需要一并安装。 2.添加main.js import Vue from 'vue' import VXETable from 'vxe-table' import 'vxe-table/lib/index.css' Vue.use(VXETable) 注： 部分人安装时可能会出
vxe-table报错Cannot read properties of undefined (reading ‘defineComponent‘)
梦秋音
09-19 3203
vxe-table报错 1. Cannot read properties of undefined (reading 'defineComponent') 2. VXETable is not defined
vue 打包后失败
weixin_41807530的博客
10-21 1217
打包文件打开空白并且报错找不到css js。
Vue: 打包的时候报错，报npm ERR missing script: build
amadeus_liu2的博客
02-05 411
看package.json, 有build:xx 将命令改为 npm run build : xx
vue报错Module build failed: BrowserslistError: Unknown browser query `dead`
07-13
你遇到了一个 Vue 报错，错误信息是 "Module build failed: BrowserslistError: Unknown browser query `dead`"。这个错误通常是由于 Babel 配置中使用了不支持的浏览器查询导致的。 浏览器查询是用来指定需要支持的浏览器版本的。在 Vue 项目中，这个配置通常可以在 `.browserslistrc` 文件中找到。你需要检查该文件中的浏览器查询语句是否正确。 例如，如果你的 `.browserslistrc` 文件内容如下： ``` > 1% Last 2 versions ``` 那么你可以尝试修改为： ``` > 1% last 2 versions ``` 注意，第二行的 "Last" 需要修改为小写的 "last"。 如果你没有 `.browserslistrc` 文件，那么可以尝试在项目根目录下创建一个，并添加上述内容。 如果问题仍然存在，请提供更多的信息，例如你的 Babel 配置文件和 Vue 版本等，以便我能够更好地帮助你解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值