как установить маску ввода на rails 6 с помощью webpacker, используя зависимость jquery - PullRequest
Новая
       9

как установить маску ввода на rails 6 с помощью webpacker, используя зависимость jquery

0 голосов
/ 15 октября 2019

Я пытаюсь установить маску ввода на Rails 6 через webpacker. В настоящее время появляется следующая ошибка: 

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

Я видел немало примеров, но, похоже, ничего не работает.

1 Ответ

0 голосов
/ 15 октября 2019

Я думаю, что наиболее распространенная установка для jquery - это установить ее с помощью пряжи: 

yarn add jquery

Затем в environment.js 

(...)

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

(...)

Нет необходимости в require("jquery") в app/javascript/packs/application.js

Установка маски ввода: 

yarn add inputmask

In app/javascript/packs/application.js

import 'inputmask';
...