如何在HTML文件中包含npm软件包？

编程入门行业动态更新时间:2024-10-10 15:21:42

如何在HTML文件中包含npm<a href=https://www.elefans.com/category/jswz/34/1760240.html style= 软件包？"/>

如何在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);

但是再次发生错误，浏览器说：