国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Vite HMR 無法偵測子資料夾內(nèi)元件的更改
P粉854119263
P粉854119263 2023-11-04 09:37:46
0
1
1304

在 Vue Vite 專案中,我有這樣的資料夾結(jié)構

問題是 vite 無法偵測 A.vue 或 B.vue 中的變更(ctrl s),即嵌套在元件資料夾中的 NestedFolder 下的元件。其他地方都工作正常。

我的 vite.config.js 看起來像這樣,

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue()
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
      '@public': fileURLToPath(new URL('./public', import.meta.url))
    }
  },
  server: {
    proxy: {
      '/api': {
        target: 'XXX',
        changeOrigin: true,
        secure: false,      
        ws: true,
      }
    }
  }
})

我已經(jīng)按照 vite HMR API 文件嘗試了自訂 HMR 函數(shù),讓它使用它來發(fā)送完全重新載入。

...
plugins: [
    vue(),
    {
      name: 'custom-hmr',
      enforce: 'post',
      // HMR
      handleHotUpdate({ file, server }) {
        if (file.endsWith('.vue')) {
          console.log('reloading json file...');
  
          server.ws.send({
            type: 'reload',          
            path: '*'
          });
        }
      },
    }
  ], ...

我查看了 vite 的 HMR API 文檔,但不知道如何在使用自訂 hmr 函數(shù)時向 vite 發(fā)送更新事件

任何有關如何解決此問題的幫助/建議將不勝感激。

P粉854119263
P粉854119263

全部回覆(1)
P粉412533525

好的,我解決了這個問題。問題不在於嵌套資料夾。 Vite似乎會忽略使用絕對路徑導入的元件。

例如Vite 不會偵測導入元件的變更:

import Dropdown from '@/components/GlobalDropdown.vue'
//@ resolves to /src

但偵測相對導入的變化:

import LoadingSpinner from '../LoadingSpinner.vue'

我找不到任何可以解決此問題的設定。但是元件導入的相對路徑解決了這個問題。這是一個問題嗎?

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板