如何在HTML文件中包含npm软件包？
我的HTML文件：
<!DOCTYPE html>
<head>
...
</head>
<body>
...
<script src="script.js"></script>
</body>
我的JavaScript文件-script.js：
import * as FilePond from 'filepond';
const myPond = FilePond.create({
multiple: false,
name: 'filepond'
});
document.body.appendChild(pond.element);
但是发生错误，浏览器说：
Uncaught SyntaxError: Cannot use import statement outside a module
所以我将script.js编辑成这个：
const FilePon = require('filepond')
const myPond = FilePond.create({
multiple: false,
name: 'filepond'
});
document.body.appendChild(pond.element);
但是再次发生错误，浏览器说：
Uncaught ReferenceError: require is not defined at script.js:1
我该如何解决？
回答如下：
如何在HTML文件中包含npm软件包？
我的HTML文件：
<!DOCTYPE html>
<head>
...
</head>
<body>
...
<script src="script.js"></script>
</body>
我的JavaScript文件-script.js：
import * as FilePond from 'filepond';
const myPond = FilePond.create({
multiple: false,
name: 'filepond'
});
document.body.appendChild(pond.element);
但是发生错误，浏览器说：
Uncaught SyntaxError: Cannot use import statement outside a module
所以我将script.js编辑成这个：
const FilePon = require('filepond')
const myPond = FilePond.create({
multiple: false,
name: 'filepond'
});
document.body.appendChild(pond.element);
但是再次发生错误，浏览器说：
Uncaught ReferenceError: require is not defined at script.js:1
我该如何解决？
回答如下：