Comments (7)
+1,如果改成页面内调用initAMapApiLoader 仅会导致当前页面热更新失效。
取消调用initAMapApiLoader 所有热更新正常。
结论:在没有调用initAMapApiLoader前 所有热更新正常 调用后 所有热更新失效
from vue-amap.
目前发现只要import任何方法或者组件都会导致vite预加载整个组件库,然后导致热更新失效,暂时还没发现具体失效原因
from vue-amap.
目前发现只要import任何方法或者组件都会导致vite预加载整个组件库,然后导致热更新失效,暂时还没发现具体失效原因
我这边大致给您提供一下我这边的现象:
"@vuemap/vue-amap": "^2.0.5",
"vue": "^3.2.47",
"element-plus": "^2.3.3",
"@vitejs/plugin-vue": "^4.1.0",
"@vuemap/unplugin-resolver": "^2.0.0",
"unplugin-auto-import": "^0.15.3",
"unplugin-vue-components": "^0.24.1",
"vite": "^4.3.1",
"vue-tsc": "^1.4.1"
测试如下(因为全局引入会导致所有页面热更新失效,所以我把它放到了具体的页面下)
import api from '@/api/overview'
import { echart_option_jd, echart_option_ph } from './static/echart-options'
import { computed, ref, nextTick } from 'vue'
import '@vuemap/vue-amap/dist/style.css'
import { initAMapApiLoader } from '@vuemap/vue-amap'
1、echart_option_jd、echart_option_ph 、api,他们都是可执行的方法 我这边没有导致热更新失效。(引入组件在其他地方引入也没有导致热更新失效)。
2、引入initAMapApiLoader 也不会失效
但是如果执行initAMapApiLoader() 就会导致失效。(不排除可能是其他原因导致的)
我配置了自动引入element-ui 和 vue-amap 所以有可能会冲突?。
:我想试试去掉自动引入 然后手动按需引入 但是我不知道怎么做。
:后面有时间我试试纯净项目只加载initAMapApiLoader() ,有消息我及时回复给您。
:大致就是这么多了,希望能给您一些帮助。
from vue-amap.
目前发现只要import任何方法或者组件都会导致vite预加载整个组件库,然后导致热更新失效,暂时还没发现具体失效原因
我这边大致给您提供一下我这边的现象: "@vuemap/vue-amap": "^2.0.5", "vue": "^3.2.47", "element-plus": "^2.3.3",
"@vitejs/plugin-vue": "^4.1.0", "@vuemap/unplugin-resolver": "^2.0.0", "unplugin-auto-import": "^0.15.3", "unplugin-vue-components": "^0.24.1", "vite": "^4.3.1", "vue-tsc": "^1.4.1"
测试如下(因为全局引入会导致所有页面热更新失效,所以我把它放到了具体的页面下) import api from '@/api/overview' import { echart_option_jd, echart_option_ph } from './static/echart-options' import { computed, ref, nextTick } from 'vue' import '@vuemap/vue-amap/dist/style.css' import { initAMapApiLoader } from '@vuemap/vue-amap'
1、echart_option_jd、echart_option_ph 、api,他们都是可执行的方法 我这边没有导致热更新失效。(引入组件在其他地方引入也没有导致热更新失效)。 2、引入initAMapApiLoader 也不会失效 但是如果执行initAMapApiLoader() 就会导致失效。(不排除可能是其他原因导致的) 我配置了自动引入element-ui 和 vue-amap 所以有可能会冲突?。 :我想试试去掉自动引入 然后手动按需引入 但是我不知道怎么做。 :后面有时间我试试纯净项目只加载initAMapApiLoader() ,有消息我及时回复给您。 :大致就是这么多了,希望能给您一些帮助。
目前知道的是由于vite的预加载机制引起问题,但具体问题出现原因还需要定位
from vue-amap.
可以更新使用最新的2.0.7,已经修复
from vue-amap.
可以更新使用最新的2.0.7,已经修复
好的 感谢大佬。
from vue-amap.
实测 好使了。
from vue-amap.
Related Issues (20)
- vue3 怎么使用AMapUI HOT 5
- 灵活点标记的onClick事件无法获得extData
- 离线地图模式怎么用 HOT 5
- 打包生产环境后的代码中包含开发机器的敏感信息 HOT 3
- el-amap-elastic-marker中的styles > label.content失去响应 HOT 7
- el-amap-polygon v-model, @adjust这两个属性无效 HOT 1
- 关于vite define 配置问题 HOT 1
- vue3+webpack4 打包的时候报错 HOT 6
- 1.4.4skd 报错 HOT 1
- 可否jsapi走代理的配置 HOT 1
- 多边形编辑状态下,修改颜色,颜色有变更。编辑完成后,颜色修改无效。 HOT 5
- 多边形(AMap.Polygon) 编辑完成后 end { type,target }里 target 为 undefined HOT 3
- ElAmapPolyline组件的“lineJoin”、“lineCap”属性响应式不生效 HOT 8
- @vuemap/vue-amap/dist/style.css必须加载吗? HOT 3
- Marker拖动报错 HOT 3
- 为什么我拖拽地图上面标注有延迟。 HOT 2
- 使用的是vue3报vue2的错 HOT 1
- 为什么poi搜索的出来的省没有location HOT 2
- Loca的PulseLine组件visible属性响应式控制显隐失效 HOT 3
- 弹出层再接弹出层poi搜索下拉框不显示 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-amap.