javascript - ExpressアプリでnpmでインストールされたjQueryを使用するには?

Question

node.js + Express アプリがあり、npm で jQuery をインストールしました。

私が使用したapp.jsファイルで

var jquery = require('jquery');

HTML ファイルのヘッダーに、jQuery を使用する JavaScript を含めましたが、「jQuery が定義されていません」というメッセージが表示されます。それは注文のメートルですか、それとも何か不足していますか?

Answer 1

jquery npm モジュールを高速アプリで提供する場合は、次の行をサーバー スクリプトに追加します (この場合はapp.js)。

app.use('/jquery', express.static(__dirname + '/node_modules/jquery/dist/'));

その後、それを html ファイルに含めることができます。

<script src="/jquery/jquery.js"></script>

Answer 2

jQueryインストールするときは、アプリケーションのサーバー側でnpm使用したいためです（例：ファイル内）。次のように Web ページに追加する必要があります。jQueryapp.jsjQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

クライアント側で使用したい場合。を使用している場合はJade、script タグをテンプレートに追加します。

Answer 3

Express 4.10.2 を使用しています。Lukasz Wiktorの回答に従いましたが、うまくいきませんでした。Lukasz ソリューションを少し変更する必要がありました。

app.use('/jquery', express.static(__dirname + '/node_modules/jquery/dist/'));

私も含めたhtmlファイルに：

<script src="/jquery/jquery.js"></script>

したがって、/jquery は /node_modules/jquery/dist/ ディレクトリのマウント ポイントです。