Как исправить мой экран начальной загрузки (Navbar) и как он не может найти модуль jQuery, где я установил с помощью npm - PullRequest
0 голосов
/ 01 февраля 2019

Я работаю над метеорным приложением (v.1.8.0.2), и я хотел интегрировать загрузчик в свое приложение.Я установил bootstrap и все его зависимости (jquery и popper.js), используя npm.Установка прошла успешно, потому что я вижу библиотеки с их версией в файле package.json моего метеорного приложения.Тем не менее, когда я пытаюсь создать заголовок навигации в моем HTML-файле, отображение Navbar неправильно.Кроме того, консоль браузера указывает, что не может найти jquery («ошибка Uncaught: не удается найти модуль« jquery »»), возможно, это связано с плохим отображением навигационной панели.

Есть мысли оКак я могу иметь правильное отображение Navbar и о путях решения проблемы JQuery?

Вот моя структура папок клиента:

  • main.html
  • main.scss (который я создал вручную)
  • main.js

То, что я пробовал до сих пор:

  • Я удалил и переустановил jquery
  • Я попытался импортировать jquery.min.js вмой файл main.js
  • Я пытался поместить jquery в папку начальной загрузки

Вот мой тег навигации в моем файле main.html:

<nav class="navbar navbar-inverse">
<div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Page 1</a></li>
        <li><a href="#">Page 2</a></li>
    </ul>
    <form class="navbar-form navbar-left" action="/action_page.php">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search" name="search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
    </form>
</div>

Содержимое в моем main.scss:

   @import "{}/node_modules/bootstrap/scss/bootstrap.scss";

Содержимое в main.js:

  import './main.html';
  import 'bootstrap'; 

Ожидаемый результат:

enter image description here

Фактический результат:

enter image description here

Спасибо!

...