导入和使用NPM包

Question

我试图在我的node.js应用程序中使用一个名为"tagify“的节点模块。在包(https://www.npmjs.com/package/@yaireo/tagify#installation)的自述文件中，它对设置如下：

npm i @yaireo/tagify --save

// usage:
import Tagify from '@yaireo/tagify'

var tagify = new Tagify(...)

我运行了npm命令，它安装得很好。我的EJS文件有以下内容(未显示的是输入的name=“标记”元素)：

<script>
    import Tagify from '@yaireo/tagify';

    var input = document.querySelector('input[name=tags]'),
    // init Tagify script on the above inputs
    tagify = new Tagify(input);
</script>

当我加载页面时，我会在控制台中得到以下内容：

Uncaught SyntaxError: Unexpected identifier (reference to 'import' line)

我对这件事很陌生，也很困惑。我已经在网上搜索了两个小时了，但我想不出让这个包起作用的基本任务。如果这个问题是多余的，请告诉我其他地方，因为我不知道去哪里。

Answer 1

<script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify@2.9.7/dist/tagify.min.js"></script>

<script>
    var input = document.querySelector('input[name=tags]'),
    // init Tagify script on the above inputs
    var tagify = new Tagify(input);
</script>

这个代码不是原始代码。你需要使用像babel或webpack这样的技术来使用它。简单地运行这个链接就足够了。