Nuxt.js 4 出现 `Named export 'VResizeObserver' not found. The requested module 'vueuc' is a CommonJS module` 错误

今天用 Nuxt.js 最新版开发一个新的项目出现了以下错误

Named export 'VResizeObserver' not found. The requested module 'vueuc' is a CommonJS module, which may not support all module.exports as named exports.\n" +
  'CommonJS modules can always be imported via the default export, for example using:\n' +
  '\n' +
  "import pkg from 'vueuc';\n" +
  'const { VResizeObserver } = pkg;\n' +
  '\n

解决办法也很简单，就是在 nuxt.config.js 中添加以下配置

build: {
    transpile:['naive-ui','vueuc']
},

配置完后， nuxt.config.js 大概就是下面这个样子

import AutoImport from 'unplugin-auto-import/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import Components from 'unplugin-vue-components/vite'

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  devtools: { enabled: true },
  build: {
    transpile:['naive-ui','vueuc']
  },
  modules: ['nuxtjs-naive-ui'],
  vite: {
    plugins: [
      AutoImport({
        imports: [
          {
            'naive-ui': [
              'useDialog',
              'useMessage',
              'useNotification',
              'useLoadingBar'
            ]
          }
        ]
      }),
      Components({
        resolvers: [NaiveUiResolver()]
      })
    ]
  }
})

你的配置可能和我不一样，因为我用了 naive ui 的缘故