[英]How to right include library in webpack?
I am using Rails 6 with webpack.我正在使用带有 webpack 的 Rails 6。 I want to use library
jquery-textcomplete
, but I don't know how I must include it to application.js
file.我想使用库
jquery-textcomplete
,但我不知道如何将它包含到application.js
文件中。
My steps:我的步骤:
jquery-textcomplete
through yarn add jquery-textcomplete
yarn add jquery-textcomplete
安装了jquery-textcomplete
-textcompleteapplication.js
like as import 'jquery-textcomplete'
or require('jquery-textcomplete')
application.js
中,例如import 'jquery-textcomplete'
或require('jquery-textcomplete')
But I getting an error ncaught TypeError: $(...).textcomplete is not a function
.但是我收到一个错误
ncaught TypeError: $(...).textcomplete is not a function
。 If I include it through CDN
all work fine.如果我通过
CDN
包含它,一切正常。 Can you please tell me, how I must to do?你能告诉我,我必须怎么做吗? Help me, please.
请帮帮我。
my webpack/environment.js
我的
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
my application.js
我的
application.js
require("@rails/ujs").start();
require("turbolinks").start();
require("@rails/activestorage").start();
require("channels");
require("jquery");
import 'jquery-textcomplete';
my package.json
我的
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"
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.