如何使用 npm 從範本安裝的節點模組

php小編西瓜為您介紹如何透過npm從模板安裝的節點模組。 npm是Node.js的套件管理器，它可以幫助我們方便地安裝、管理、升級和刪除節點模組。首先，您需要確保已經在電腦上安裝了Node.js。然後，打開終端機或命令提示符，進入您的專案目錄。接下來，透過npm init命令初始化您的項目，產生一個package.json檔案。在package.json檔案中，您可以設定專案的名稱、版本、作者等資訊。初始化完成後，您可以透過npm install指令安裝模組。例如，如果您想要安裝一個名為lodash的模組，可以執行npm install lodash指令。安裝完成後，您可以在專案的node_modules資料夾中找到已安裝的模組。這樣，您就可以在您的專案中使用這些模組了。使用npm從範本安裝的節點模組非常簡單，只需要幾個簡單的步驟即可完成。

問題內容

我正在嘗試在 go 範本中使用 npm 安裝的程式庫。

我透過「npm install three」安裝了必要的三個函式庫，保存在根資料夾中，如下圖所示。

之後，我嘗試匯入並使用 three.js 模組，如下所示，但沒有找到 threejs。

我認為檔案系統有問題，在我的情況下如何使用 threejs 而不出現問題？

import * as three from "/three";

class app{
    constructor(){
        // 장면
        const scene = new three.scene();

        // 카메라
        const camera = new three.perspectivecamera(75, window.innerwidth / window.innerheight, 0.1, 1000);

        // 렌더러
        const renderer = new three.webglrenderer();
        renderer.setsize(window.innerwidth, window.innerheight);

        document.body.appendchild(renderer.domelement);

        renderer.render(scene, camera);
    }
}

window.onload = function(){
    new app();
}

錯誤

從「/三」導入*作為三；

http://localhost:8081/three net::err_aborted 404 (not found)

從「三」導入*作為三；

uncaught typeerror: failed to resolve module specifier "three". relative references must start with either "/", "./", or "../".

main.go 中的 e.static("/node", "node_modules")

從「/node/node_modules/三/build/third.module.js」導入*為三；

GET http://localhost:8081/node/three/builld/three.module.js net::ERR_ABORTED 404 (Not Found)

解決方法

<script type="importmap">
    {
        "imports": {
            "three": "/node/three/build/three.module.js"
        }
    }
</script>

透過修正作業路徑已解決該問題。

以上是如何使用 npm 從範本安裝的節點模組的詳細內容。更多資訊請關注PHP中文網其他相關文章！