Question

未捕获的类型错误：无法读取未定义的属性（读取‘fn’）

2023-02-06

1130

javascript reactjs vue.js

我不明白为什么我一直收到此错误。请帮忙。

*** --------------------------------------------
 * AdminLTE CardRefresh.js
 * License MIT
 * --------------------------------------------
 */

import $ from 'jquery'

/**
 * Constants
 * ====================================================
 */

const NAME = 'CardRefresh'
const DATA_KEY = 'lte.cardrefresh'
const EVENT_KEY = `.${DATA_KEY}`
const JQUERY_NO_CONFLICT = $.fn[NAME]

const EVENT_LOADED = `loaded${EVENT_KEY}`
const EVENT_OVERLAY_ADDED = `overlay.added${EVENT_KEY}`
const EVENT_OVERLAY_REMOVED = `overlay.removed${EVENT_KEY}`

const CLASS_NAME_CARD = 'card'

const SELECTOR_CARD = `.${CLASS_NAME_CARD}`
const SELECTOR_DATA_REFRESH = '[data-card-widget="card-refresh"]'

Answer 1

2023 年更新：

我使用此代码片段修复了我遇到的所有问题！

从 bootstrap 5 开始，他们将要求您使用他们的 Proper 。在这里我使用 Bundle 并且它仍然可以与所有功能配合使用

适用于 nextjs 13

<Script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js" />
      <Script type="text/javascript" src="https://unpkg.com/@popperjs/core@2" />
      <Script
        type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossOrigin="anonymous"
      />

Answer 2

import $ from 'jquery'

看起来未定义。请尝试

import * as $ from 'jquery'

mbojko

2023-02-06