Возникли проблемы при настройке Bootstrap + jQuery + easyAutocomplete в Rails 6 - PullRequest
Новая
       31

Возникли проблемы при настройке Bootstrap + jQuery + easyAutocomplete в Rails 6

2 голосов
/ 24 февраля 2020

Я читал статьи / форумы и следовал некоторым инструкциям по настройке, однако мне все еще не удается запустить bootstrap и jquery.

Установлено bootstrap, jquery и easyAutocomplete через пряжу, после этого я приступил к настройке моего env. js для включения jquery. 

const { environment } = require('@rails/webpacker')    
const webpack = require("webpack")    
environment.plugins.append('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery/src/jquery',
    Popper: ['popper.js', 'default']
  }))

module.exports = environment

В моем приложении. js выглядит так 

import 'bootstrap'
import '../stylesheets/application'
import './popover'
import './carousel'
import 'easy-autocomplete'
import './autocomplete'    
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")

Перед импортом easy-autocomplete bootstrap и jquery работает и загружается нормально. Можно использовать пользовательские скрипты для карусели и т. Д. c, однако после импорта easy-autocomplete все ломается. Кажется, что jquery больше не распознается, так как моя карусель и поповер перестают работать, и, кроме того, я получаю следующую ошибку в консоли

Uncaught TypeError: $ (...). EasyAutocomplete не работает по адресу: 1: 12

Может кто-нибудь дать мне несколько советов, как решить эту проблему?

...