Nano Hash - криптовалюты, майнинг, программирование

требуют начальной загрузки и jquery в приложении aurelia

Я новичок в Аурелии, поэтому я не совсем уверен, как это должно работать. Я создал новый проект Aurelia, а также установил bootstrap, просто выполнив jspm install bootstrap. Я видел в консоли, что это также вытащило jquery 3.0.0.

Теперь мой вопрос: как мне использовать bootstrap.css, bootstrap.js и jquery.js в моем проекте?

Первая попытка:

В app.html я пытался сделать следующее:

<require from="bootstrap"></require>

Я попробовал это, потому что у меня есть следующая строка в моем config.js:

map: {
    ...
    "bootstrap": "github:twbs/[email protected]",
    ...
}

Этот вид работает в том смысле, что он загружает bootstrap.js, но затем выдает ошибку в браузере, что отсутствует jquery.js. Так что у меня не загружается jquery автоматически. Это нормально?

Вторая попытка:

Я изменил свой require на это в app.html:

<require from="jquery/dist/jquery.js"></require>
<require from="bootstrap/css/bootstrap.css"></require>
<require from="bootstrap/js/bootstrap.js"></require>

Я не уверен, откуда он знает, где искать файлы bootstrap.js и bootstrap.css, так как они расположены в: jspm_packages/github/twbs/[email protected]/css/bootstrap.css и т. д. Но он знает, как найти файлы начальной загрузки. Но не файл jquery.

У меня есть это в моем config.js для jquery:

map: {
    ...
    "github:twbs/[email protected]": {
      "jquery": "npm:[email protected]"
    },
    ....
}

Итак, в основном мой вопрос, как это должно работать? Должен ли require автоматически загружать все необходимые файлы, когда я <require from="bootstrap">. Или я все равно должен загружать их как отдельные файлы? Если да, то как мне загрузить jquery в этом случае?

jspm aurelia
21.06.2016

Ответы:


1

Элемент require предназначен для извлечения компонентов Aurelia, шаблонов html (которые являются компонентами Aurelia) или файлов css. Это не для загрузки файлов javascript.

Скелет Aurelia показывает, как загрузить Bootstrap в файле main.js:

import 'bootstrap';

это первая строка в файле. Это инициализирует код javascript Bootstrap.

В app.html элемент require используется для загрузки CSS Bootstrap:

<require from="bootstrap/css/bootstrap.css"></require>

Импорт jQuery в файл также довольно прост:

import $ from 'jquery';

Затем вы можете использовать функцию $ по своему усмотрению.

21.06.2016
  • Он не может найти jquery, когда я импортирую его, как вы сказали. Несмотря на то, что файл jquery находится по адресу: jspm_packages/npm/[email protected]/dist/jquery.js. 21.06.2016
  • Вероятно, вы запустили jspm install bootstrap, но вам нужно также запустить jspm install jquery, чтобы иметь возможность импортировать jquery, как я делаю выше. 21.06.2016
  • Только что запустил jspm install jquery. Теперь он может загрузить jquery.js. Но он по-прежнему жалуется, что bootstrap требует плагин jQuery. У меня сначала import $ from 'jquery', потом import 'bootstrap. Может быть, это ошибка, или я все еще что-то упускаю? 21.06.2016
  • Я бы рекомендовал сравнить ваш код со скелетом aurelia esnext, расположенным здесь: github. com/aurelia/skeleton-navigation/tree/master/ 21.06.2016
  • import 'bootstrap'; import 'jquery'; в app.js у меня сработало! Проект построен с использованием aurelia cli. Добавлены записи для jquery и bootstrap в aurelia.json, как описано в руководство по управлению контактами 28.09.2016

    • 2

    У меня была эта проблема, затем я установил последний узел и npm, а затем со страницы учебника на сайте aurelia: -

    Чтобы настроить Bootstrap, мы начнем с установки самой библиотеки с помощью NPM. Для этого выполните в командной строке следующее:

    npm install bootstrap --save

    Далее, поскольку Bootstrap использует jQuery, мы также хотим установить jQuery, например:

    npm install jquery@^2.2.4 --save

    затем перезапустил приложение, поскольку пакеты были обновлены, и снова запустил его ... ИСПРАВЛЕНО!

    22.09.2016

    3

    после добавления импорта 'bootstrap'; в main.js вам может потребоваться остановить приложение (Ctrl + c) и снова запустить его с помощью au run --watch, чтобы оно заработало.

    29.11.2017
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..