npmを使用してテンプレートからノードモジュールをインストールする方法

王林
リリース: 2024-02-08 22:36:21
転載
402 人が閲覧しました

如何使用 npm 从模板安装的节点模块

php エディタ Xigua では、npm を使用してテンプレートからノード モジュールをインストールする方法を紹介します。 npm は Node.js のパッケージ マネージャーであり、ノード モジュールのインストール、管理、アップグレード、削除を簡単に行うことができます。まず、コンピューターに Node.js がインストールされていることを確認する必要があります。次に、ターミナルまたはコマンド プロンプトを開き、プロジェクト ディレクトリに移動します。次に、npm init コマンドを使用してプロジェクトを初期化し、package.json ファイルを生成します。 package.json ファイルでは、プロジェクト名、バージョン、作成者などの情報を設定できます。初期化が完了したら、npm install コマンドを使用してモジュールをインストールできます。たとえば、lodash という名前のモジュールをインストールする場合は、npm install lodash コマンドを実行できます。インストールが完了すると、プロジェクトの node_modules フォルダーでインストールされたモジュールを見つけることができます。このようにして、プロジェクトでこれらのモジュールを使用できます。 npm を使用してテンプレートからインストールされるノード モジュールは非常に単純で、完了するにはいくつかの簡単な手順のみが必要です。

質問内容

npmでインストールしたライブラリをgoテンプレートで使用しようとしています。

下の図に示すように、「npm install three」を使用して必要な 3 つのライブラリをインストールし、ルート フォルダーに保存しました。

その後、以下のようにthree.jsモジュールをインポートして使用しようとしましたが、threejsが見つかりませんでした。

ファイル システムに問題があると思います。私の場合、threejs を問題なく使用するにはどうすればよいですか?

リーリー ###間違い###

「/3」から * を 3 としてインポートします;

リーリー

「three」から * を 3 としてインポートします;

リーリー main.go の

e.static("/node", "node_modules")

「/node/node_modules/三/build/third.module.js」から * を 3 としてインポートします;

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)
ログイン後にコピー

この問題は、ジョブ パスを修正することで解決されました。

以上がnpmを使用してテンプレートからノードモジュールをインストールする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:stackoverflow.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!