不能在浏览器扩展popup.js中使用require和import

Question

我正在制作一个浏览器扩展，它可以获取div的代码并将其转换为html。我试过用jspdf, html2pdf这样做，但没有一个工作完美。

所以我使用了html-to-pdfmake但是我不能在我的弹出窗口。js中导入它

var pdfMake = require("pdfmake/build/pdfmake");
var pdfFonts = require("pdfmake/build/vfs_fonts");
pdfMake.vfs = pdfFonts.pdfMake.vfs;
var htmlToPdfmake = require("html-to-pdfmake");

• 如果像这样导入它会给我错误

Uncaught ReferenceError: require is not defined

如果使用"import"导入

import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
pdfMake.vfs = pdfFonts.pdfMake.vfs;
import htmlToPdfmake from "html-to-pdfmake";

它给我

Uncaught TypeError: Failed to resolve module specifier "pdfmake/build/pdfmake". Relative references must start with either "/", "./", or "../".

知道如何导入它吗?这个包没有任何教程，因为它不受欢迎。

我试过了

import htmlToPdfmake from "./node_modules/html-to-pdfmake";

但这不起作用

Answer 1

你想从哪里加载这个模块?

也许这将帮助你如何导入ES6模块的内容脚本Chrome扩展