解决BMap 在VUE项目中安装不了(404 Not Found)

实用技巧分享
最新推荐文章于 2024-03-04 13:27:29 发布
转载 最新推荐文章于 2024-03-04 13:27:29 发布 · 991 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/gang456789/article/details/78057428
文章标签：

#vue

本文分享了一个非常好用的技巧，解决了实际问题，感谢博主的无私分享，让读者受益匪浅。
vue 调用百度地图 页面控制台报错：BMap is not defined最终解决方案
weixin_44439070的博客
08-10 3198
原先看了好多网上的资料都没有解决 问题原因分析： 加载顺序导致 mounted () {//钩子函数 this.initMap(); }, 页面正确执行顺序为：页面初始化——地图初始化——数据初始化 上面报错的问题原因是:页面初始化——数据初始化——地图初始化 当数据需要加载到地图上面时地图还没有初始化完成导致的 最终解决方案如下： initMap () { console.log("开始加载地图...") MP('你的ak').then(() =>{
Error in mounted hook: "ReferenceError: AMap is not defined" fo
06-13
ReferenceError: AMap is not defined AMap未定义
vue3中动态引入BMap
qq_44160852的博客
02-23 2805
vue3 bmap 手机端不提示权限
VUE安装失败：报错 不是内部或外部命令，也不是可运行的程序或批处理文件。
LiliGong1的博客
06-23 2087
vue 安装报错
vue解决百度地图引入：BMap is undefined问题
de_shy的博客
11-04 1863
vue解决百度地图引入：BMap is undefined问题
百度地图中找不到BMap的解决
anyu0190的博客
03-12 654
一般情况下是引用的问题,产生的原因大概有两种 1.不同架构的引用方式不同，引用js的方式不同导致 2.自身调用顺序有误 官方的引用方式是使用标签引入，示例 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script&...
nodejs和npm配置
小黄
03-16 580
一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装） 开始： ...
npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/BMap - Not found npm ERR! 404 npm ERR! 404 'BMap@*' is not in this registry. npm ERR! 404 This package name is not valid, because npm ERR! 404 1. name can no longer contain capital letters npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url. npm ERR! A complete log of this run can be found in: npm ERR! D:\NVM\node_cache\_logs\2023-06-06T13_53_17_969Z-debug-0.log
06-07
看起来在 NPM registry 中没有找到 BMap 模块，你可以尝试使用 `bmap` 替代 `BMap` 安装模块。具体方法如下： 1. 打开命令行工具 2. 进入你的项目根目录，执行以下命令： ``` npm install bmap ``` 3. 安装完成后...
ERROR Failed to compile with 1 error 21:57:33 error in ./src/App.vue?vue&type=script&lang=js& Module not found: Error: [CaseSensitivePathsPlugin] `D:\Webgis SS\code\client\webgis\node_modules\BMap\build\index.js` does not match the corresponding path on disk `bmap`. ERROR in ./src/App.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js&) 1:0-24 Module not found: Error: [CaseSensitivePathsPlugin] `D:\Webgis SS\code\client\webgis\node_modules\BMap\build\index.js` does not match the corresponding path on disk `bmap`. @ ./src/App.vue?vue&type=script&lang=js& 1:0-191 1:207-210 1:212-400 1:212-400 @ ./src/App.vue 2:0-55 3:0-50 3:0-50 9:2-8 @ ./src/main.js 4:0-28 12:17-20
06-07
另外，如果你使用的是 Vue CLI 创建的项目，你还需要在 `vue.config.js` 文件中添加以下配置： ``` module.exports = { configureWebpack: { externals: { 'BMap': 'BMap' } } } ``` 这样可以避免全局变量被...
[Vue warn]: Error in mounted hook: "ReferenceError: BMap is not defined" found in ---> <BaiduMap> at src/views/details/index.vue <AppMain> at src/layout/components/AppMain.vue <Layout> at src/layout/index.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 显示另外 1 个框架 收起 vue.runtime.esm.js:1887 ReferenceError: BMap is not defined at VueComponent.initMap (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/details/index.vue?vue&type=script&lang=js:75:17) at VueComponent.mounted (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/details/index.vue?vue&type=script&lang=js:64:10) at invokeWithErrorHandling (vue.runtime.esm.js:1853:57) at callHook (vue.runtime.esm.js:4213:7) at Object.insert (vue.runtime.esm.js:3136:7) at invokeInsertHook
最新发布
04-22
好的，我现在要帮用户解决在Vue2中使用百度地图API时遇到的BMap未定义的问题。首先，我需要回忆一下用户提供的引用内容，特别是关于错误的原因和解决方案。根据引用[1]，问题出在初始化顺序不对，数据初始化在地图...
安装VUE-CLI一直失败的排错过程和解决
qq_43367379的博客
09-15 5267
昨天，装了一天的vue-cli 都没安装成功。根据报错信息搜索答案，强制清理缓存，卸载nodejs什么的都试过了，还是一直出错 仔细研读出错信息。 发现反复提到一个文件夹 C:\Users\Y\AppData\Roaming 本着 重装解决99%的问题的原则，一狠心，就把这个文件夹C:\Users\Y\AppData\Roaming下的所有有关 npm,node的文件夹都删除了，不仅是Roaming,只要是在AppData文件夹的，文件名是npm,node的我都删除了。 把nodejs卸载掉。开始重装 下面
npm i vue/cli -g全局安装失败解决方法以及‘vue‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
qq_63538423的博客
03-04 3143
npm i vue/cli -g全局安装失败解决方法 'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件
vue-bmap-gl踩坑
dragonzoebai的专栏
05-14 1980
https://guyangyang.gitee.io/vue-bmap-gl/#/zh-cn/introduction/init 目前只支持vue2，安装依赖 npm install vue-bmap-gl --save main.js引入包 // 引入百度地图 import VueBMap from 'vue-bmap-gl' import 'vue-bmap-gl/dist/style.css' Vue.use(VueBMap) VueBMap.initBMapApiLoader({
vue3实战项目安装各种插件时候报错问题和解决
03-11 1万+
vue3+ts实战相关问题
解决vue引入BMapGL is not defined的问题
u011295864的博客
03-12 1万+
在项目src下添加bmpgl.js，内容如下：（ak是密钥） // bmpgl.js export function BMPGL(ak) { return new Promise(function(resolve, reject) { window.init = function() { // eslint-disable-next-line resolve(BMapGL) } const script = document.createElement
vue 使用百度地图api_vue+ts如何使用百度地图
weixin_39569389的博客
12-12 1550
最近私下在做原vue项目的的typeacript重构，在重构地图部分发现类型检测报错： Cannot find name 'BMapGL'. 嗯？我明明已经在index.html中引入了脚本啊：<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak="></sc...
百度地图BMap is not defined（Bmap未定义）
热门推荐
hql1439493352的博客
03-30 1万+
看了下我的api请求都是正常的 但是就是一直提示BMap is not defined，而且我在别的页面是能够正常调用的，到了这个页面就不行了，一开始以为是没有异步加载，根据官网方案改为了异步加载 <script type="text/javascript"> function initialize() { var mp = new BMapGL.Map('map'); ...
关于Vue 3.0引入百度地图 不兼容的解决办法
weixin_46724559的博客
10-12 1826
关于Vue 3.0引入百度地图 不兼容的解决办法 首先 百度地图官方 vue文档
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值