vue+openlayers，在main.js添加import ‘ol/ol.css‘后报错

已于 2023-04-20 16:04:56 修改
阅读量2k 收藏 2
点赞数 1
分类专栏： openlayers 文章标签： javascript vue.js css
于 2023-04-20 16:01:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38304202/article/details/130268807
版权

Module build failed (from ./node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js)

ol.css / Module build failed: BrowserslistError: Unknown browser query `dead`

大无语。我用的是最新的openlayers版本，7.3.0，网上搜了半天，最后看到一篇文章，说是降到6版本就不报错了，我就安装了ol@6.14.1，结果真不报错了，感谢百度~

感谢原文博主：https://www.cnblogs.com/EVELE/p/16827371.html

my小新
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
ol.css ol.js文件
05-19
ol.css ol.js文件
vite5+vue3+ import.meta.glob动态导入vue组件
03-25
2. **导入并处理结果**：在你的 Vue3 应用中，可以使用 `import.meta.glob` 获取到一个 Promise，该 Promise 在所有文件导入完成后解析为一个对象，键是文件的相对路径，值是对应的模块导出。例如： ```javascript ...
引入ol.css报错Module build failed: BrowserslistError: Unknown browser query `dead`
yiHaiweiLan的博客
06-20 239
在网上找了好一会儿，才看到合适的解决办法，就是把版本回退到6.4.3。至于其他的什么要改browserslist的配置则无用。
使用openLayers报错Module parse failed: Unexpected token
最新发布
新前端小白的博客
04-15 479
在构建工具中配置 transpileDependencies 参数，因为 ol 依赖库基于一个目标环境不支持的 ES 版本撰写，将该依赖添加进 vue.config.js 中的 transpileDependencies 选项中。JavaScript模块解析失败。引入OpenLayers时报错。
vue中引入layer.js出错
yangchuangxyz的博客
08-10 4172
之前学vue的时候，想引用layer插件，按照网上的步骤，先引入jquery，再引入layer.js，结果报错 后来我在index.html页面全局引入，就可以了 一个小坑，分享一下！  ...
OpenLayers的import失败问题
qq_38557027的博客
08-19 900
@[TOC]OpenLayers的import失败问题 一般情况，只需要在new的地方加上对应的包名即可解决问题。 但是有时候官方文档中的例子并不是new，比如 import {defaults as defaultInteractions, Pointer as PointerInteraction} from 'ol/interaction.js'; ... ... ... ...
vue2引入组件报错
weixin_52910007的博客
09-08 376
v2一个函数只有一个返回值，所以必须有一个根节点
基于vue+node.js+mysql的网站商城
06-01
所用技术：vue全家桶、vueRouter、Element UI、Axios、js、Node.js、Express、Mysql 实现功能：首页轮播图、商品展示、购物车、留言评论、收藏、新闻公告、注册登录、后台管理等
vue+mock.js实现前后端分离
10-16
require('./mock.js'); ``` 3. 更新Vue组件中的请求URL，指向模拟数据的接口： ```html import Mock from "mockjs"; export default { name: "FunctionsDbSource", methods: { init() { this.axios({ method...
vue+openlayers简单示例
10-19
Vue.js 是一款流行的前端JavaScript框架，它以组件化开发、易用性和高性能著称。OpenLayers 是一个开源的JavaScript库，专门用于创建交互式的地图应用。这个“vue+openlayers简单示例”是为了演示如何在Vue项目中...
vue+axios+mock.js环境搭建的方法步骤
10-18
在现代Web开发中，前后端分离的模式变得越来越普遍，Vue.js作为一个轻量级且功能强大的前端框架，常被用于构建交互丰富的单页应用。在开发过程中，有时我们需要在后端接口未完成时进行前端的开发工作，这时就需要...
openlayers : ol.css ol.js
04-09
openlayer 需引入ol.css ，ol.js，就和Arcgis 引入 Arcgis JS API 一样的道理
css引入报错,vue项目通过import引入外部css报错怎么办
weixin_42299873的博客
08-03 3609
vue项目通过import引入外部css报错的解决办法：首先在【webpack.config.js】中添加相关内容，添加后重新npm run dev；然后json文件中查看是否存在【css-loader】等数据，并安装即可。本教程操作环境：windows7系统、Vue2.9.6版，该方法适用于所有品牌电脑。vue项目通过import引入外部css报错的解决办法：vue 通过webpack-simp...
查遍全网目前最有效解决办法：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 ...
ol.css.map放在哪_CSS，XHTML和Javascript ...哦，天哪！
cunya6061的博客
09-22 207
ol.css.map放在哪Congratulations! You have managed to stumble across my first attempt at having a personal site. While the site is admittedly a bit short on content right now, my goal is for this to event...
引入antdesign后报错Module build failed: BrowserslistError: Unknown browser query `dead`
m0_70779709的博客
03-06 398
看了一些文章以为是main.js里browserslist配置错了，删了又改了一直没解决问题，后来将ant design版本改为1.7.2就可以运行成功了。
Uncaught ReferenceError: Vue is not defined
热门推荐
lslslsls77的博客
07-03 2万+
Vue没有被定义
OpenLayers中移除默认控件，添加其他控件
Moon Star
08-16 1063
OpenLayers中移除、添加控件
OpenLayers 6 学习一：构建第一个地图应用
D_lunar的博客
09-29 1390
一、安装OpenLayers OpenLayers官网：OpenLayers - Get the Code npm+OpenLayers官网：ol - npm npm install ol Vue项目直接安装ol会报错，安装OpenLayers失败，解决办法有两种： 方法一：先把node_modules文件夹删除，待安装OpenLayers后，再npm install安装被删除的依赖。适用于项目刚创建时，没有安装过多的依赖，毕竟依赖过多时，安装所有的依赖也很费时间。 方法二：在一个没有node
vue3+elementplus的main.js文件怎么写
05-05
import App from './App.vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' const app = createApp(App) app.use(ElementPlus) app.mount('#app') ``` - 第一行导入 `createApp`...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值