Как правильно включить библиотеку в веб-пакет?

Как правильно включить библиотеку в веб-пакете?

Я использую Rails 6 с веб-пакетом. Я хочу использовать библиотеку jquery-textcomplete , но я не знаю, как я должен включить ее в файл application.js .

Мои шаги:

  1. Я установил jquery-textcomplete через yarn add jquery-textcomplete
  2. Я включаю это в application.js как import 'jquery-textcomplete' или require('jquery-textcomplete')
  3. Я вижу библиотеку в скомпилированном файле JS

Но я получил ошибку ncaught TypeError: $(...).textcomplete is not a function . Если я включу его через CDN все будет нормально. Подскажите, пожалуйста, как мне поступить? Помоги мне, пожалуйста.

мой webpack/environment.js

 const { environment } = require('@rails/webpacker') const coffee = require('./loaders/coffee') const webpack = require('webpack') environment.plugins.prepend('Provide', new webpack.ProvidePlugin({ $: 'jquery/src/jquery', jQuery: 'jquery/src/jquery' }) ) environment.loaders.prepend('coffee', coffee) module.exports = environment 

мой application.js

 require("@rails/ujs").start(); require("turbolinks").start(); require("@rails/activestorage").start(); require("channels"); require("jquery"); import 'jquery-textcomplete'; 

мой package.json

 { "name": "my_app", "private": true, "dependencies": { "@rails/actioncable": "^6.0.0-alpha", "@rails/activestorage": "^6.0.0-alpha", "@rails/ujs": "^6.0.0-alpha", "@rails/webpacker": "^4.0.7", "coffee-loader": "^0.9.0", "coffeescript": "1.12.7", "jquery": "^3.4.1", "jquery-textcomplete": "^1.8.5", "turbolinks": "^5.2.0" }, "version": "0.1.0", "devDependencies": { "webpack-dev-server": "^3.8.1" } } 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector