vue3使用vue-pdf报错 process is not defined

在Vue 3中，由于vue-pdf使用了process对象，因此在浏览器环境中会报错process is not defined。这是因为process对象是Node.js环境中的全局对象，而在浏览器环境中并不存在。

要解决这个问题，可以使用webpack中的DefinePlugin来定义一个process对象，从而解决报错问题。首先，在项目的webpack.config.js文件中添加以下代码：

const webpack = require('webpack');

module.exports = {
  // ...
  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV),
      },
      process: {
        env: {
          NODE_ENV: JSON.stringify(process.env.NODE_ENV),
        },
      },
    }),
  ],
};

然后，重新启动项目，这样就可以在Vue组件中正常使用vue-pdf了。

另外，如果你使用的是Vue CLI创建的项目，可以在项目的根目录下的.env文件中添加以下内容：

NODE_ENV=development

然后重新启动项目即可。这样也可以解决process is not defined的报错问题