導入和使用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 =“ tags”元素）：

<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等技術來使用它。 輕松運行此鏈接就足夠了