openlayers и nodejs jquery не работают в автономном режиме

Question

У меня есть openlayers с работающим онлайн-jquery, но иногда у меня не будет доступа в Интернет, и я бы хотел использовать его в автономном режиме. Я скачал lib, но он не работает, я уверен, что он находится в папке "js", пожалуйста, помогите мне

Я использую nodejs и openlayers

//working
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">   
<script src="js/bootstrap.min.js"></script>

//not working 
<script src="js/jquery-3.4.1.min.js"></script>    
<link rel="stylesheet" href="css/bootstrap.min.css">   
<script src="js/bootstrap.min.js"></script>

//browser error
Error: Bootstrap's JavaScript requires jQuery bootstrap.min.js:6:36
ReferenceError: $ is not defined

это дает мне эту ошибку, но с онлайн jquery все в порядке

Answer 1

Прежде всего вы должны установить jQuery. Запустите команду ниже в папке вашего проекта для установки jQuery:

npm install jquery

Вы должны импортировать ее в файл index.js:

import {$,jQuery} from 'jquery';
// export for others scripts to use
window.$ = $;
window.jQuery = jQuery;

На основе это post.

Или вы должны импортировать его в свой HTML:

<script src="node_modules/jquery/dist/jquery.min.js"></script>

Если вы найдете правильный ответ, пожалуйста, закройте вопрос о других сообществах (например, gis.stackexchange.com). ) и обратитесь к ответу. Спасибо!

Надеюсь, это поможет.

Answer 2

Я только что решил использовать локальный сервер, не спрашивайте меня, почему он работает таким образом, и сначала не удалось указать путь к файлу

, сначала откройте терминал и перейдите в jquery.min. js, затем запустите простой сервер (например, python3 -m http.server 8080)

, после чего перейдите к индексу. HTML-файл и добавить источник

<script src="http://localhost:8080/jquery-3.4.1.min.js"></script>

и теперь он работает в автономном режиме