Question

我正在尝试将正确的pdf加载器添加到我的nuxt.config.js文件中，但到目前为止似乎没有任何效果。这就是我的构建配置中的内容，我很确定我需要添加另一个规则以使pdf正常工作，但是没有发生。

extend(config, ctx) {
  // Run ESLint on save
  if (ctx.isDev && ctx.isClient) {
    config.module.rules.push({
      enforce: "pre",
      test: /\.(js|vue)$/,
      loader: "eslint-loader",
      exclude: /(node_modules)/,
    });
  }
},

}，

Answer 1

您可以通过扩展nuxt.config.js中的构建配置来对此文件进行归档。

module.exports = {
  build: {
    extend(config) {
      // Find the rule which contains a assets file extension
      const assetsLoader = config.module.rules.find(rule => rule.test.test('.png'));

      // Overwrite the test regex and add `pdf`
      assetsLoader.test = /\.(png|jpe?g|gif|svg|webp|pdf)$/i;

      return config;
    },
  },
};

Answer 2

我的可下载pdf文件存在相同的问题，并通过将下载文件夹移动到静态目录来解决了该问题。

Answer 3

解决该问题的方法之一是在客户端加载jspdf实例。

if(process.client) {
  const jsPDF = require('jspdf');
  require('jspdf-autotable');

  let doc = new jsPDF();
  // ...your code
}

根据Nuxt文档，请查看Window Document Undefined。

用于nuxt.js的pdf加载器

3 个答案: