Nuxt3项目报错：未配置.vue文件加载器（vue3-simple-html2pdf相关）

方法1：将包加入Nuxt转译列表（推荐） #

修改nuxt.config.ts，在build选项中添加transpile配置，让Nuxt编译vue3-simple-html2pdf包内的.vue源码文件：

import { resolve } from 'path'
export default defineNuxtConfig({
    ssr: false,
    plugins: ['~/plugins/js-pdf'],
    css: ["assets/css/main.css"],
    build: {
      transpile: ['vue3-simple-html2pdf'] // 新增该行配置
    }
})

保存后重启Nuxt服务即可，该配置会让Nuxt自动处理目标包的Vue文件编译，解决loader缺失问题。

方法2：直接导入预编译版本 #

若方法1无效，可直接导入包的预编译产物。修改plugins/js-pdf.js的导入路径：

// 替换原导入语句，使用dist目录下的预编译文件
import Vue3SimpleHtml2pdf from "vue3-simple-html2pdf/dist/vue3-simple-html2pdf.umd.min.js";
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(Vue3SimpleHtml2pdf);
});

方法3：局部导入组件（替代全局注册） #

放弃全局插件注册，在需要使用PDF生成的页面/组件中局部导入组件：

<template>
  <vue3-simple-html2pdf></vue3-simple-html2pdf>
</template>

<script setup>
import Vue3SimpleHtml2pdf from "vue3-simple-html2pdf/src/vue3-simple-html2pdf.vue";
</script>

同时需确保nuxt.config.ts中已添加方法1的transpile配置。

内容的提问来源于stack exchange，提问作者Kishan Bhensadadiya