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

Posted 2023-02-16

【中文标题】使用 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 注意我是 编辑器 - 我刚刚修复了标签和格式。

【参考方案1】：

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

import $ from 'jquery'
import 'tablesorter'

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