vue3vite脚手架使用vue-pdf报错 process is not defined

在Vue3 + Vite脚手架中使用vue-pdf时出现process is not defined错误，这是因为vue-pdf内部使用了process.env.NODE_ENV，而在Vite中，process.env对象被移除了。

要解决这个问题，可以使用以下方法之一：

1. 使用@vitejs/plugin-vue插件来解决process.env问题。首先，确保已安装该插件：

   npm install @vitejs/plugin-vue -D
   

   在Vite的vite.config.js文件中，将该插件添加到插件列表中：

   import vue from '@vitejs/plugin-vue';
   
   export default {
     plugins: [
       vue(),
     ],
   };
   

   然后，尝试重新运行项目，看看是否能够解决问题。

2. 修改vue-pdf的源代码，以在Vite中正常工作。打开node_modules/vue-pdf/dist/vuePdf.browser.js文件，找到以下代码：

   if (process.env.NODE_ENV !== 'production') {
     console.warn("[Vue-pdf] You're using the development build of Vue-pdf.\n" +
       'When deploying Vue-pdf to production, make sure to use the production build, which skips development warnings.\n' +
       'You can either:\n' +
       ' - Use the UMD version (`dist/vuePdf.umd.js`), which suppresses the warning by default\n' +
       ' - Use the minified version (`dist/vuePdf.min.js`), which suppresses the warning by default\n' +
       ' - Use Webpack or Rollup to build the production bundle, which suppresses the warning by default\n' +
       'For more details, please visit https://github.com/FranckFreiburger/vue-pdf#installation');
   }
   

   将上述代码的process.env.NODE_ENV !== 'production'修改为import.meta.env.MODE !== 'production'：

   if (import.meta.env.MODE !== 'production') {
     console.warn("[Vue-pdf] You're using the development build of Vue-pdf.\n" +
       'When deploying Vue-pdf to production, make sure to use the production build, which skips development warnings.\n' +
       'You can either:\n' +
       ' - Use the UMD version (`dist/vuePdf.umd.js`), which suppresses the warning by default\n' +
       ' - Use the minified version (`dist/vuePdf.min.js`), which suppresses the warning by default\n' +
       ' - Use Webpack or Rollup to build the production bundle, which suppresses the warning by default\n' +
       'For more details, please visit https://github.com/FranckFreiburger/vue-pdf#installation');
   }
   

   保存修改后，重新运行项目，看看是否能够解决问题。

希望能帮助到你