Используйте библиотеку noty js в Rails 5

Я пытаюсь сделать noty.js (https://ned.im/noty/#/installation - библиотека для уведомлений) работают в моем приложении Rails.

Я установил его с помощью npm

 npm install noty

Теперь он отображается под node_modules. Когда я пытаюсь протестировать его в файле js с помощью

new Noty({

    text: 'Some notification text'

}).show();

Я получу ' Uncaught ReferenceError: Noty is not defined' Если я попытаюсь импортировать его в свой файл js: импортируйте Noty из noty; Я получу 'Uncaught SyntaxError: Unexpected identifier' (виден мой «заметный» путь - меня можно направить на него).

Как правильно заставить его работать?

Вы используете webpack?

Daniel Westendorf 01.06.2018 20:33

@DanielWestendorf Нет.

Daniel 01.06.2018 21:36
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
657
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Если вы не используете webpack или какую-либо другую систему управления активами JS, установка с помощью NPM не будет работать. Вам нужно будет

  1. Загрузите noty.css и noty.js, поместите их в соответствующие каталоги ресурсов.
  2. Добавьте их на свой assets.rb
  3. Перезагрузите ваш сервер
  4. Ссылка на файл в макете перед application.js

Прочтите руководства на Asset Pipeline для получения более подробной информации.

<%= stylesheet_link_tag "noty" %>
<%= javascript_include_tag "noty" %>

Другие вопросы по теме