I have been trying to create a html and javascript application that uses the jspdf module to export pdf files.
Everytime i run the code bellow I get the error Uncaught SyntaxError: Cannot use import statement outside a module
<!DOCTYPE html>
<html>
<head>
<title>Test 2</title>
<script src="@latest/dist/jspdf.umd.min.js">
</script>
<script type="text/javascript">
import { jsPDF } from "jspdf";
// Default export is a4 paper, portrait, using millimeters for units
const doc = new jsPDF();
doc.text("Hello world!", 10, 10);
doc.save("a4.pdf");
alert("hello")
</script>
</head>
<body>
</body>
</html>
I have been trying to create a html and javascript application that uses the jspdf module to export pdf files.
Everytime i run the code bellow I get the error Uncaught SyntaxError: Cannot use import statement outside a module
<!DOCTYPE html>
<html>
<head>
<title>Test 2</title>
<script src="https://unpkg./jspdf@latest/dist/jspdf.umd.min.js">
</script>
<script type="text/javascript">
import { jsPDF } from "jspdf";
// Default export is a4 paper, portrait, using millimeters for units
const doc = new jsPDF();
doc.text("Hello world!", 10, 10);
doc.save("a4.pdf");
alert("hello")
</script>
</head>
<body>
</body>
</html>
1 Answer
Reset to default 7See "Other Module Formats" > "Globals" in the NPM Package Page.
You can't use import statement outside an ES6 module. Generally the script tag has type attribute set to module
<!DOCTYPE html>
<html>
<head>
<title>Test 2</title>
<script src="https://unpkg./jspdf@latest/dist/jspdf.umd.min.js">
</script>
<script type="text/javascript">
// Default export is a4 paper, portrait, using millimeters for units
const { jsPDF } = window.jspdf;
const doc = new jsPDF();
doc.text("Hello world!", 10, 10);
doc.save("a4.pdf");
alert("hello")
</script>
</head>
<body>
</body>
</html>