用于Nuxt.js的PDF加载器

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

我对可下载的 pdf 文件有同样的问题，并通过将下载的文件夹移动到静态目录来解决它。

Answer 2

您可以通过在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 3

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

if(process.client) {
const jsPDF = require('jspdf');
require('jspdf-autotable');
let doc = new jsPDF();
// ...your code
}

根据Nuxt文档，请查看此窗口文档未定义。