Giter Site home page Giter Site logo

Comments (7)

Breathe97 avatar Breathe97 commented on June 18, 2024

+1,如果改成页面内调用initAMapApiLoader 仅会导致当前页面热更新失效。
取消调用initAMapApiLoader 所有热更新正常。
结论:在没有调用initAMapApiLoader前 所有热更新正常 调用后 所有热更新失效

from vue-amap.

yangyanggu avatar yangyanggu commented on June 18, 2024

目前发现只要import任何方法或者组件都会导致vite预加载整个组件库,然后导致热更新失效,暂时还没发现具体失效原因

from vue-amap.

Breathe97 avatar Breathe97 commented on June 18, 2024

目前发现只要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.

yangyanggu avatar yangyanggu commented on June 18, 2024

目前发现只要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.

yangyanggu avatar yangyanggu commented on June 18, 2024

可以更新使用最新的2.0.7,已经修复

from vue-amap.

Breathe97 avatar Breathe97 commented on June 18, 2024

可以更新使用最新的2.0.7,已经修复

好的 感谢大佬。

from vue-amap.

Breathe97 avatar Breathe97 commented on June 18, 2024

实测 好使了。

from vue-amap.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.