Ruby on rails 如何使用jquery依赖关系在rails 6上使用webpacker安装inputmask

我正试图通过webpacker在Rails 6上安装inputmask。当前正在获取以下错误：

Uncaught TypeError: $el.inputmask is not a function

当前设置，编译时没有问题

app/javascript/packs/application.js

require("jquery")
require("inputmask")
require("inputmask/dist/inputmask/inputmask");
require("inputmask/dist/inputmask/inputmask.numeric.extensions");
require("inputmask/dist/inputmask/inputmask.date.extensions");
require("inputmask/dist/inputmask/jquery.inputmask");

config/webpack/alias.js

const path = require('path')

module.exports = {
  resolve: {
    alias: {
    "./dependencyLibs/inputmask.dependencyLib": "./dependencyLibs/inputmask.dependencyLib.jquery",
    }
  }
}

config/webpack/environment.js

const { environment } = require('@rails/webpacker')
const aliasConfig = require("./alias")
const webpack = require('webpack')

environment.config.merge(aliasConfig)

environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery'
  })
)

module.exports = environment

(...)

environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
}));

(...)

---

我已经看到了很多例子，但似乎没有任何效果

我认为jquery最常见的设置是使用以下方式安装：

yarn add jquery

然后在environment.js中

const { environment } = require('@rails/webpacker')
const aliasConfig = require("./alias")
const webpack = require('webpack')

environment.config.merge(aliasConfig)

environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery'
  })
)

module.exports = environment

(...)

environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
}));

(...)

不需要

app/javascript/packs/application.js中的
require（“jquery”）

import 'inputmask';

输入掩码安装：

yarn add inputmask

在app/javascript/packs/application.js中

import 'inputmask';

我认为jquery最常见的设置是使用Thread进行安装：

yarn add jquery

然后在environment.js中

const { environment } = require('@rails/webpacker')
const aliasConfig = require("./alias")
const webpack = require('webpack')

environment.config.merge(aliasConfig)

environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery'
  })
)

module.exports = environment

(...)

environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
}));

(...)

不需要
app/javascript/packs/application.js中的
require（“jquery”）

import 'inputmask';

输入掩码安装：

yarn add inputmask

在app/javascript/packs/application.js中

import 'inputmask';

使用

使用

你找到解决方案了吗？你找到解决方案了吗？这不管用这不管用这不管用