Javascript 当与bootstrap4一起使用时，jquery在RJS行2325中没有定义

我使用的是Bootstrap4.0测试版，它需要popperjs，也就是v1.12.5。jQuery是版本3.2.1，处于jQuery.noConflict（）模式。这是针对shopify主题的，因此为了在shopify的Slate命令行工具中包含javascript文件，它使用了gulp include指令。我的include文件如下所示：

// =require vendor/jquery-3.2.1.js
// =require vendor/popper.js
// =require vendor/bootstrap.min.js

当我尝试使用引导Navbar下拉开关时，会出现控制台错误

未捕获类型错误：无法读取未定义的属性“jquery”

---

jQuery在所有非popper引导功能和自定义jQuery javascript中都正常工作。但是，当我在控制台中键入jquery时，没有定义它（小写为q），但这是popperjs在第2325行中使用的。如果我编辑popperjs源代码并将q大写，它仍然会抛出相同的错误

您以某种方式向Popper.js传递了一个无效的DOM元素，如果您将Popper.js更新到最新版本，则会收到更好的错误消息。

您以某种方式向Popper.js传递了一个无效的DOM元素，如果您将Popper.js更新到最新版本，则会收到更好的错误消息。

有关更多上下文，出现此错误是因为您试图使用无效的HTML元素作为下拉按钮。我得到这个错误是因为我试图使用一个锚定标记，它有一个嵌套在.dropdown菜单div旁边的按钮

比如说 这很有效

<button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
</button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Thing 1</a>
    <a class="dropdown-item" href="#">Thing 2</a>
    <a class="dropdown-item" href="#">Thing 3</a>
  </div>

下拉按钮

但事实并非如此

<a class="dropdown">
<button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
</button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Thing 1</a>
    <a class="dropdown-item" href="#">Thing 2</a>
    <a class="dropdown-item" href="#">Thing 3</a>
  </div>
</a>

---

有关更多上下文，您遇到此错误是因为您试图使用无效的HTML元素作为下拉按钮。我得到这个错误是因为我试图使用一个锚定标记，它有一个嵌套在.dropdown菜单div旁边的按钮

比如说 这很有效

<button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
</button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Thing 1</a>
    <a class="dropdown-item" href="#">Thing 2</a>
    <a class="dropdown-item" href="#">Thing 3</a>
  </div>

下拉按钮

但事实并非如此

<a class="dropdown">
<button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
</button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Thing 1</a>
    <a class="dropdown-item" href="#">Thing 2</a>
    <a class="dropdown-item" href="#">Thing 3</a>
  </div>
</a>

我们也面临这个问题。后来发现，使用“dropdown toggle”类，我们传递的是数据toggle=“invalid dom”。一旦我们删除了数据切换，它就起作用了。我们也面临着这个问题。后来发现，使用“dropdown toggle”类，我们传递的是数据toggle=“invalid dom”。一旦我们删除了数据切换，它就起作用了。问题提出时我正在处理的主题已经被替换，所以我不能回头看（我为另一家公司工作），但我相信你的话。问题提出时我正在处理的主题已经被替换，所以我不能回头看（我为另一家公司工作），但我相信你的话。