Как использовать jQuery, установленный с npm в приложении Express?
У меня есть приложение node.js + express, и я установил jQuery с номером npm.
в файле app.js
, который я использовал
var jquery = require('jquery');
В заголовке html файла я включил javascript, который использует jQuery, и я получаю `jQuery не определен '.
Является ли это обычным порядком или я что-то не хватает?
Ответы
Ответ 1
Когда вы устанавливаете jQuery
с npm
, потому что вы хотите использовать jQuery
на стороне сервера вашего приложения (Ex: в вашем файле app.js
). Вам все равно нужно добавить jQuery
на свою веб-страницу следующим образом:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Если вы хотите использовать его на стороне клиента. Если вы используете Jade
, добавьте тег script в свой шаблон.
Ответ 2
Если вы хотите, чтобы модуль jquery npm был отправлен экспресс-приложением, добавьте эту строку на сервер script (в вашем случае app.js
):
app.use('/jquery', express.static(__dirname + '/node_modules/jquery/dist/'));
После этого вы можете включить его в свой html файл:
<script src="/jquery/jquery.js"></script>
Ответ 3
Я использую express 4.10.2. и я последовал за Лукасом Виктором, но это не сработало для меня. Мне пришлось немного изменить решение Лукаша:
app.use('/jquery', express.static(__dirname + '/node_modules/jquery/dist/'));
в html файле я также включил:
<script src="/jquery/jquery.js"></script>
So/jquery - это точка монтирования каталога/ node_modules/jquery/dist/.
Ответ 4
Способ использования jquery из npm:
В 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>
надеюсь, что этот код поможет вам!