web-dev-qa-db-ja.com

Expressアプリでnpmと共にインストールされたjQueryの使用方法

Node.js +エクスプレスアプリがあり、jpmをnpmでインストールしました。

の中に app.js使用したファイル

var jquery = require('jquery');

HtmlファイルヘッダーにjQueryを使用するjavascriptを含めましたが、「jQueryは定義されていません」と表示されます。それは秩序のメッターですか、何か不足していますか？

javascriptjquerynode.jsexpress
30
ilyo

jQueryとともにnpmをインストールする場合、アプリケーションのサーバー側でjQueryを使用するためです（例：app.jsファイル）。そのようなウェブページにjQueryを追加する必要があります：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

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

23
Jean-Philippe Bond

Jquery npmモジュールをエクスプレスアプリで提供する場合は、この行をサーバースクリプトに追加します（あなたの場合はapp.js）：

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

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

<script src="/jquery/jquery.js"></script>
54
Lukasz Wiktor

Npmからjqueryを使用する方法：

App.jsで

app.use('/assets', [
    express.static(__dirname + '/node_modules/jquery/dist/'),
    express.static(__dirname + '/node_modules/materialize-css/dist/'),
    ...
]);

レイアウトテンプレート：

<script src="/assets/jquery.min.js"></script>
<script src="/assets/js/materialize.min.js"></script>

このコードがお役に立てば幸いです！

9
IT Vlogs

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 /ディレクトリのマウントポイントです。

8
Costas Develop