首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >创建React将mapbox从转移溢出中明确排除在外

创建React将mapbox从转移溢出中明确排除在外
EN

Stack Overflow用户
提问于 2022-04-05 03:02:24
回答 1查看 839关注 0票数 2

只有在生产中使用vercel,我的Mapbox地图不起作用。

这是我得到的错误消息,它链接到mapbox文档:

解析WebWorker包时出错。这很可能是由于巴贝尔的不当转移;请参阅https://docs.mapbox.com/mapbox-gl-js/guides/install/#transpiling

正式文件上,它说我们应该选择一组兼容的转换。

0.2%,未死亡,未死亡( 11 ),未镀铬< 51,未狩猎( 10 )

我做了,但这不管用:

package.json

代码语言:javascript
运行
AI代码解释
复制
"production": [
      ">0.2%",
      "not dead",
      "not ie 11",
      "not chrome < 51",
      "not safari < 10",
      "not op_mini all"
],

我们也可以使用import mapboxgl from '!mapbox-gl';将GL明确排除在转移溢出之外。这也给了我一条错误信息。

或者,我们可以在webpack.config.js中集中配置它,这是无法使用react访问的。

由于我不想使用react-scripts eject,所以我在这个StackOverflow邮政之后安装了react-app-rewired

我的配置如下所示:

代码语言:javascript
运行
AI代码解释
复制
module.exports = {
    use: {
        loader: 'babel-loader',
        options: {
            ignore: ['./node_modules/mapbox-gl/dist/mapbox-gl.js']
        }
    }
}

但这也行不通。

有人知道修复mapbox错误的可靠方法吗?还是我已经尝试错了什么?

GitHub问题

EN

回答 1

Stack Overflow用户

发布于 2022-04-05 04:22:27

我找到了一个关于GitHub问题的更深层次的答案,这个问题很有效。

扎卡良流于2020年12月23日发表评论

Create的一个解决方法是使用Webpack的内联加载器语法,在这种情况下,绑定程序的配置是不可配置的。 首先,安装工人装载机包(纱线添加工人装载机).然后在应用程序中添加以下代码片段,最好就在导入的下面: // eslint-禁用-下一行导入/无webpack-加载器-语法mapboxgl.workerClass =mapboxgl.workerClass,您可能需要反编译行,所以Create不会出错构建。

因为我不使用纱线,所以我用了

代码语言:javascript
运行
AI代码解释
复制
npm install worker-loader --save-dev

然后在我的js文件上

代码语言:javascript
运行
AI代码解释
复制
import mapboxgl from 'mapbox-gl';
mapboxgl.workerClass = require('worker-loader!mapbox-gl/dist/mapbox-gl-csp-worker').default; // eslint-disable-line

// eslint-disable-line注释仅为该行禁用linter规则。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71750627

复制
相关文章
MySQL内存溢出问题:故障排除指南
在本文中,我将向您展示如何使用新版本的MySQL(5.7+),以及如何更容易地解决 MySQL内存分配中出现的问题。
程序你好
2018/07/23
6K0
MySQL内存溢出问题:故障排除指南
将PHP应用无缝转移到IIS中?
在使用Godday的空间的时候,他就提供了一个将应用从Linux转移到Windows环境的选项(这个转移还被我们用来作为避免被GW封杀的手段),其实是不知道Godday是如何实现PHP应用无缝在这两个系统之间切换的,今天看到一篇文章介绍Helicon Ape,可以实现将我们的应用从Linux下转移到Windows中,并且提供了模拟Apache配置的环境,这样我们完全可以保留在Linux下开发PHP的习惯而将应用转移到Windows中。
大江小浪
2018/07/25
6430
通过HHDESK,将windows中的文件转移至Linux系统中
跨系统转移文件一直来说,是一件繁琐的事情,而HHDESK的新功能SMB连接,让这件事情变得简单而方便。
恒辉信达技术有限公司
2023/03/17
9230
在React 中,如何创建refs?
在类组件中,可以使用 React.createRef() 方法来创建 ref 对象。通常,在组件的构造函数中将 ref 赋值给类的实例属性。
王小婷
2023/10/10
2600
React篇(020)-如何在 React 中创建组件?
答案:有两种可行的方法来创建一个组件: 1. Function Components: 这是创建组件最简单的方式。这些是纯 JavaScript 函数,接受 props 对象作为第一个参数并返回 React 元素:
齐丶先丶森
2022/05/12
2.9K0
如何将机器学习模型转移到产品中
针对于特定问题(例如自然语言处理,即 NLP,或图像识别)的深度学习模型开发、训练和调参,需要耗费时间与资源。这通常还包括使用功能强大的处理器来训练大型数据集上的模型。然而,一旦模型成功运作,彼时使用它来对新数据生成预测就会更简单,计算成本也会更低。当下唯一的困难是将模型从其开发环境转移到应用程序产品中。
StoneDemo
2018/09/13
2.2K0
如何将机器学习模型转移到产品中
MySQL 8.0.23中复制架构从节点自动故障转移
接触MGR有一段时间了,MySQL 8.0.23的到来,基于MySQL Group Replicaion(MGR)的高可用架构又提供了新的架构思路。
老叶茶馆
2021/02/23
1K0
MySQL 8.0.23中复制架构从节点自动故障转移
将React项目从webpack升级到Vite
点击上方“魔术师卡颂”,选择“设为星标” 专注React,学不会你打我! 在之前,已经很多朋友已经升级到了vite,但是大部分都是vue的项目,那么今天我们把之前webpack的react项目升级到
公众号@魔术师卡颂
2021/05/08
3.2K0
将React项目从webpack升级到Vite
vite 创建React中遇到的坑
报错:[plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension.
用户9914333
2022/12/14
3K0
vite 创建React中遇到的坑
从SUMO的输出文件中获得队列转移矩阵
本次我们利用SUMO的dump仿真输出文件来获取一个队列转移矩阵(lane change rate matrix)。这一矩阵在优化中有着很重要的地位。
钱塘小甲子
2019/01/29
1.9K0
「React 基础」从创建第一个React组件开始学起
大家好,在本系列的前三篇文章里,我们一起学习了在 React 中经常会用到的 ES6 新特性,以及 REACT 16+ 版本的一些新特性和团队成员在 Winwow 和 MAC 环境下混合开发时需要注意的一些问题,从本篇文章起,我们将正式开始从最基础的内容开始学习React,今天我们将从创建第一个 React 组件开始学起。
前端达人
2019/12/26
1.9K0
「React 基础」从创建第一个React组件开始学起
「React 手册 」从创建第一个 React 组件开始学起
大家好,在本系列的前三篇文章里,我们一起学习了在 React 中经常会用到的 ES6 新特性,以及 REACT 16+ 版本的一些新特性 和 团队 成员在 Winwow 和 MAC 环境下混合开发时需要注意的一些问题,从本篇文章起,我们将正式开始从最基础的内容开始学习React,今天我们将从创建第一个 React 组件开始学起。
前端达人
2019/12/24
2.4K0
「React 手册 」从创建第一个 React 组件开始学起
从 hexo 转移到 Typecho
最近想从hexo转移到typecho,但是typecho是没有一键导入md文章,手动导入又很烦,怎么办呢。于是我就想用 Python 来写一个自动解析md导入typecho的脚本。
Innei
2021/12/28
4250
React Js 中创建和使用 Redux Store
本文,我们将学习在 React 应用中怎么创建 Redux Store。同时,我们将分享怎么使用 Redux store 去管理复杂的 states。
Jimmy_is_jimmy
2023/08/11
3020
React Js 中创建和使用 Redux Store
React中创建组件的3种方式
那么问题来了,这三种方式有啥区别呢?这里说明一个问题,很多时候同一种效果往往有很多种实现方式,所以我们在学习的过程中要避免章节化思维,要对技术进行横向比较,这样能帮你更 加深入的理解各种方式的优缺点。
IT人一直在路上
2019/09/18
2K0
初识mapbox GL
最近由于项目的需求,借此机会对mapbox GL做了一个系统的学习,同时也对整个学习过程做一个记录,一方面留作自用,另一方面也希望看到此文的人在学习mapbox GL的时候,能够有所启发、有所收获。
牛老师讲GIS
2020/03/25
2.4K0
创建react路由
学习一点简单的前端还是有很多好处的,除了能让你头疼还能让你再也不想碰这sb东西,但是程序员这种傻缺,总是在喊
是小张啊喂
2021/08/10
6150
传西部数据去年已获向华为供货许可,合作伙伴铠侠被排除在外!
6月12日消息,据日本共同通信社报道称,多位关系人士透露,美国存储芯片大厂西部数据自2022年起就已经获得美国商务部的许可,可以出口存储芯片给华为,但是作为西部数据的合作伙伴,铠侠却未能获得出口许可。
芯智讯
2023/08/09
2490
传西部数据去年已获向华为供货许可,合作伙伴铠侠被排除在外!
从main方法分析内存溢出
内存溢出OutOfMemoryError不常遇到,起码没有姨妈空指针异常(NullPointerException)来的那么频繁。 现在就用最简单的main方法复现堆内存溢出并做分析。
Mshu
2020/06/04
8300
从main方法分析内存溢出
创建react路由
学习一点简单的前端还是有很多好处的,除了能让你头疼还能让你再也不想碰这sb东西,但是程序员这种傻缺,总是在喊
是小张啊喂
2021/05/25
6930

相似问题

将产品从分页中排除在外

10

将清单文件从混淆中排除在外

24

将crashlytics从twitter结构中排除在外

22

将当前用户排除在外。

1725

将文件列表排除在外

110
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文