使用 webpack 获取 'Uncaught TypeError: $(...).tablesorter is not a function'答案

【问题标题】：Getting 'Uncaught TypeError: $(...).tablesorter is not a function' using webpack使用 webpack 获取 'Uncaught TypeError: $(...).tablesorter is not a function'
【发布时间】：2021-04-02 10:53:04
【问题描述】：

在使用 Webpack 迁移到 Rails 6 后，我收到了 Uncaught TypeError: $(...).tablesorter is not a function。这是我的 environment.js

const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery',
    tablesorter: 'tablesorter',
    bootstrap: 'bootstrap/dist/js/bootstrap',
    draggable: 'plain-draggable'
  })
)

module.exports = environment

相关的其他插件工作正常。

【问题讨论】：

@jonrsharpe 你解决了吗？我遇到了类似的问题，非常感谢您的建议。谢谢
@d_a_n 注意我是 编辑器 - 我刚刚修复了标签和格式。

标签： javascript ruby-on-rails npm webpack yarnpkg

【解决方案1】：

我不确定为什么，但是这样做可以：

import $ from 'jquery'
import 'tablesorter'

$(document).on('turbolinks:load', () => {
  $('.tablesorter').tablesorter()
})

【讨论】：