引入ol.css报错Module build failed: BrowserslistError: Unknown browser query `dead`

于 2023-06-20 14:41:30 发布
阅读量239 收藏
点赞数 1
文章标签： css 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yiHaiweiLan/article/details/131306623
版权

引入ol.css报错Module build failed: BrowserslistError: Unknown browser query `dead`

本来是用最新的openlayers版本(7.4.0），但是引入它的样式ol.css后报错：
Module build failed: BrowserslistError: Unknown browser query dead
在网上找了好一会儿，才看到合适的解决办法，就是把版本回退到6.4.3
实测成功。
降低ol的版本
至于其他的什么要改browserslist的配置则无用。
改browserslist的配置无用

yiHaiweiLan
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue+openlayers，在main.js添加import ‘ol/ol.css‘后报错
weixin_38304202的博客
04-20 2018
ol/ol.css
查遍全网目前最有效解决办法：Module build failed: BrowserslistError: Unknown browser query `dead`
北海一刀
07-21 4186
今天偶然间项目编译打不开了，满篇如下错误，网上找遍让配置一点用没得卡球一天找遍全网，方案都无效都是配置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 398
看了一些文章以为是main.js里browserslist配置错了，删了又改了一直没解决问题，后来将ant design版本改为1.7.2就可以运行成功了。
解决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 7827
问题描述： 自己写了一个vue组件库，build打包并发布到私有库一起正常，神奇的是我在新启动一个项目之后，引入js，Vue.use(xx)也都是成功的，但是发现import ‘xxx.css’打包之后的style之后，编译竟然报错，报错信息如下： BrowserslistError: Unknown browser query `dead` 报错指向的就是引入的css，直接进去查看css文件也没有发现什么其他的错误，就是不知道为什么出现这么神奇诡异的问题。 问题排查： 出现了这个问题显而易见的.
openlayers : ol.js、ol.css 下载
07-23
- 引入`ol.js`和`ol.css`文件。 - 创建地图实例，指定容器ID和初始配置。 - 添加图层，如瓦片图层（Tile Layer）或矢量图层（Vector Layer）。 - 配置控件，例如导航控件（Navigation Control）、缩放滑块（Zoom...
vue component 中引入less文件报错 Module build failed
12-10
错误是这样发生的： ...Module build failed: @import '@/assets/css/public/layout.less'; ^ Can't resolve './@/assets/css/public/layout.less' in 'D:\mt\src\layout' in D:\mt\src\layout\default.vue (line
openlayers : ol.css ol.js
04-09
引入`ol.css`确保你的OpenLayers地图在各种浏览器上呈现出一致且美观的视觉效果。如果不引入此文件，地图组件可能会显示异常或者没有合适的样式，导致用户体验下降。 `ol.js` 文件则是OpenLayers的核心JavaScript库...
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
postcss-load-config：PostCSS的自动加载配置
02-08
npm i -D postcss-load-config 用法 npm i -S | -D postcss-plugin 安装所有必需的postcss插件并将其保存到package.json dependencies / devDependencies 然后通过选择以下格式之一创建一个postcss配置文件 ...
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
react 打包遇到的问题记录
hexiyuanhecy的博客
02-28 705
react 打包遇到的问题记录 遇到一次更新一点，没遇到就算了 目录react 打包遇到的问题记录一、内存溢出问题描述：原因分析：解决方案：二、作为背景的图片打包后不显示问题描述：原因分析：解决方案：三、BrowsersListError：Unknown browser query ‘dead’问题描述：原因分析：解决方案： 一、内存溢出 问题描述： 当引入依赖过大，或者代码行数超过10万行等打包显示堆溢出 原因分析： 提示：这里填写问题的分析： 例如：Handler 发送消息有两种方式，分
Vue项目启动时报error in ./node_modules/ol/node_modules/geotiff/dist-module/geotiff.js
qq_29194615的博客
05-24 4613
error in ./node_modules/ol/node_modules/geotiff/dist-module/geotiff.js Module parse failed: Unexpected token (277:35) You may need an appropriate loader to handle this file type. | } | | return usedImage.readRasters({ ...options, window: wnd });
在vue2.6项目中拓展集成vxe-table，BrowserslistError: Unknown browser query `dead`
weixin_42531097的博客
09-08 750
上google翻阅资料，找到了解决方法，通过npm ls 发现。更新版本之后，vxe-table成功集成到项目里.网上找的办法，删除package.json文件里。在项目中安装vxe-table后，运行项目提示。browserslist都是小于3.0版本了，cssnano，autoprefixer的。加入此配置也无法解决问题.
webpack中遇到 ERROR in ./node_modules/***的解决办法
热门推荐
qq_41672008的博客
04-09 9万+
如果在使用webpack编译时遇到如下情况： 可以看见遇见一片红，但是只要关注开头，就是ERROR in ./node_modules/***，于是可以想到你的node_modules出现了问题， 可能你的包出现问题，但是实际上包出现问题的几率不大，那什么导致了node_modules出现了问题？ 解决方法：原因基本是你在使用babel的时候，babel的文件匹配规则出现了错误，打...
angular2 执行serve ng 命令后出现Unknown browser query 'dead'的解决方案
qq_20369621的博客
01-15 4150
angular2项目，在升级了angular-cli,node,npm的版本之后由于版本差距巨大，然后就恢复了原有的版本，但是当执行ng serve的时候就出现了Unknown browser query 'dead'的问题，长时间无法解决。 我们来说一下遇到这个问题的解决思路：显然是依赖browserslist的问题，那么我们首先进入该依赖组件的官方网站 https://github.c...
Module build failed: BrowserslistError:
dpy521的博客
06-30 2994
npm run dev报这种错误 解决方法： 删除browserslist相关的文件（我删除了两个，因为我就找到两个の丁の）
报错ERROR in ./src/style.cssModule build failed (from ....）
冲鸭
01-23 1017
webpack配置公共路径时报错 检查style.css无错 检查公共路径 8080后应添加 / 。
next.js报错Module not found: Can't resolve 'antd/dist/reset.css'
最新发布
06-01
这个错误通常是由于没有正确安装Ant Design的样式文件所导致的。你可以尝试以下几个步骤来解决这个问题： 1. 确认你已经正确安装了Ant Design，并且已经在你的项目中引入了样式文件。你可以在你的项目中找到`node_modules/antd/dist/`目录，确认其中包含`antd.css`和`antd.min.css`文件。 2. 确认你的`next.config.js`配置文件中已经正确配置了Ant Design的样式文件。你可以在配置文件中加入以下代码： ``` const withCSS = require('@zeit/next-css') module.exports = withCSS({ cssLoaderOptions: { importLoaders: 1, localIdentName: "[local]___[hash:base64:5]", }, webpack: (config, { isServer }) => { if (!isServer) { config.node = { fs: 'empty' } } config.resolve.alias['@ant-design/icons/lib/dist$'] = path.resolve(__dirname, './lib/icon.js') return config } }) ``` 3. 如果以上方法都没有解决问题，你可以尝试手动安装`@zeit/next-css`模块，并将其添加到你的项目中。使用以下命令来安装： ``` npm install @zeit/next-css --save-dev ``` 然后在你的`next.config.js`配置文件中添加以下代码： ``` const withCSS = require('@zeit/next-css') module.exports = withCSS() ``` 这样重新启动你的项目，应该就能正常加载Ant Design的样式文件了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值