react BMap is not defined 或者 BMapGL is not defined

简介: react BMap is not defined 或者 BMapGL is not defined

项目场景:


使用百度地图API来完成在地图中查看房屋信息。


问题描述

在jsx中引入BMap时报错,提示没有定义


41dc207c89aeb921690a3e1a8fadf280_acafbb37dc23466fa873012cab93ff02.png


原因分析:


在使用百度地图为了兼容性需要引入两个版本的链接。还需要在webpack.config.js配置BMap;


解决方案:


这里需要解决两个方面:


一、引入map地图CDN


第一步:在项目的index.html文件中引入


4860fb5aace7a8212e2c516e59e298b1_c110c83604c748f6ba235c6fea371547.png


第二步:在webpack.config.js中配置


首先通过在项目中运行 npm run eject 暴漏出配置文件

其次在webpack.config.js中的return进行以下配置。


f0685e2dfccbc6f6e5b95aacd6e9b73b_af688ff643bf4f61bed8730412866d4d.png


二、使用window.BMapGL1


目录
相关文章
react-Native init初始化项目报错”TypeError: cli.init is not a function“
react-Native init初始化项目报错”TypeError: cli.init is not a function“
744 1
|
7月前
|
JavaScript 前端开发
vue3中使用jsx报错React is not defined和h is not defined
vue3中使用jsx报错React is not defined和h is not defined
931 0
|
前端开发 定位技术
react中使用百度地图报错:‘BMapGL‘ is not defined no-undef解决方法
react中使用百度地图报错:‘BMapGL‘ is not defined no-undef解决方法
|
前端开发 API
react报错ReactDOM.render is no longer supported in React 18. 解决
react报错ReactDOM.render is no longer supported in React 18. 解决
279 0
|
资源调度 前端开发
React.PropTypes is deprecated since React 15.5.0, use the npm module prop-types instead react/no-de
React.PropTypes is deprecated since React 15.5.0, use the npm module prop-types instead react/no-de
177 0
|
前端开发
react项目实战学习笔记-学习9-ReactDOM.render is no longer supported in React 18
react项目实战学习笔记-学习9-ReactDOM.render is no longer supported in React 18
150 0
|
前端开发
react 服务器端渲染 ssr 中 localstorage/history/window is not defined 解决方案
1、原因      ssr 会在后端执行组件的 componentWillMount 以及在它这个生命周期之前的生命周期     也就是说 ssr 阶段是不会执行 componentDidMount 方法的    当你在 componentWillMount 之前当生命周期里面调用 window / localstorage 全局对象的时候,  它其实是在服务器上面执行等,因为 window / localstorage 是浏览器的属性对象。
4540 0
|
前端开发
react native集成原生报 is not a function 问题
image.png 要把方法名给导出 @ReactMethod
1305 0
|
前端开发
React java.lang.UnsatisfiedLinkError: dlopen failed: "/data/data/com.edaixi.activity/lib-main/libgnustl_shared.so" is 32-bit instead of 64-bit
E/AndroidRuntime: FATAL EXCEPTION: main Process: com.edaixi.activity, PID: 3659 at java.lang.Runtime.
2502 0
|
1月前
|
前端开发 JavaScript 开发者
颠覆传统:React框架如何引领前端开发的革命性变革
【10月更文挑战第32天】本文以问答形式探讨了React框架的特性和应用。React是一款由Facebook推出的JavaScript库,以其虚拟DOM机制和组件化设计,成为构建高性能单页面应用的理想选择。文章介绍了如何开始一个React项目、组件化思想的体现、性能优化方法、表单处理及路由实现等内容,帮助开发者更好地理解和使用React。
77 9