问题标签 [tether]

我是laravel的初学者，所以有人可以帮我解决这个问题吗？在 /public/app.blade.php 看起来像这样

我有以下问题。当 Tether 移动 Popover 使其保持在视口内时，它的箭头仍然在中心。在下图中，弹出框附加到第一张图片（鼠标光标所在的位置），但看起来好像它附加到第二张图片，因为小箭头仍在中心。有没有办法解决这个问题？

这是我的代码

我正在使用 Angular CLI 开发一个项目。所以我使用 安装了系绳npm install tether --save，并在 app.component.ts 中使用import * as Tether from 'tether'.

当我尝试使用new Tether({ ... })它初始化 Tether 时，会在控制台中打印以下错误：

例外：WEBPACK_IMPORTED_MODULE_4_tether 不是构造函数

如果我使用它打印 Tether 变量，console.log(Tether)它会给我一个似乎是空对象的东西。

你们能帮帮我吗？我以前从未使用过 typescript 和 webpack，所以如果我在这里遗漏了一些明显的东西，我很抱歉。

我正在尝试tether和vue 2.2.1一起使用。这是一个 jsfiddle 示例：https ://jsfiddle.net/awei01/fwttsa6o/2/

（我认为）做什么tether：

• 如果 tethered DOM 节点在正常文档流中（不是position: absolute），tether代码将简单地添加一些样式属性来正确定位 tethered 元素

• 如果 tethered DOM 节点有position: absolute，tether将移动 tethered DOM 节点并将其放置为body. 这给vue. 具体来说，抛出异常：DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

我试图通过摆弄组件的生命周期钩子来解决这个问题beforeDestroy，destroyed但Popup它似乎没有帮助。

react我可以通过简单地将绑定的 DOM 元素移回其在componentWillUnmount生命周期钩子上的原始位置来解决这个问题。

我想知道解决这个问题的最佳方法是什么vue。我的另一个想法是抢先插入一个新的 DOM 节点body并强制Popup组件使用该节点进行渲染，但我不知道该怎么做。

任何建议表示赞赏。谢谢

我已经分叉了官方的 Bootstrap 存储库（4.0.0-alpha.6）来实现 Gulp 而不是 Grunt，并根据我们自己的需要开始主题化 Bootstrap。

我们正在开发的项目使用 JSPM 进行包管理。当我们尝试安装我们的自定义 Bootstrap 项目时，依赖项没有正确加载。

跑步;

给;

但是，安装官方的 Bootstrap 包；

给;

您可以看到自定义 repo 没有将 Tether 作为依赖项安装，并且还安装了 jQuery 叉子——而官方包没有叉子？

package.json每个存储库中的两个文件都包含以下内容；

我错过了什么？

我正在使用带有凉亭的 bootstrap v4 创建一个新项目

并且这两个文件丢失了

1. boostrap 包中的 bootstrap.min.js
2. tether 包中的 tether.min.js。

但是如果我使用 npm 我会得到所有文件

任何特定原因或者我应该包含任何其他用于使用 bower 编译的插件。

另外我怎样才能只下载dist。我不想要 sass 和其他文件，因为我要直接映射它。它是一个小项目。

我正在按照本教程使用 Yarn 安装 Bootstrap，这是 Rails 5.1 上新版本的 Bootstrap 4 的命令，他们在此处观看：

所以我注意到它安装了 bootstrap 4 alpha 6、JQuery3 和 Tether。所以它已经被添加到 .gitignore 上：

并且已经在我的 config/initializers/assets.rb 中设置

我需要穿上我的 application.js

在我的 application.scss

我的问题是有必要将 JQuery 和 Tether 放在 application.js 和 application.scss 上吗？如何？

我正在尝试这个：application.js

应用程序.scss

我没有放*= require jquery/dist/jquery，因为没有这个文件夹像其他 JQuery 一样蒸馏/css。这是用 Yarn 安装的配置吗？

这是我的：tree node_modules

我知道 Bootstrap 依赖项在包含 Bootstrap JS 库之前涉及使用 Tether 和 jQuery。我已经通过我的package.json文件安装了 Bootstrap：

这给了我这个输出，我们可以在其中看到依赖关系：

为了在我的页面中包含 Bootstrap，我使用以下路径：

但是在哪里可以找到 Tether 和 jQuery 呢？node_modules 中没有创建的文件夹。

我应该手动安装它们吗？

看似相似的问题存在here和here，但提供的答案并没有解决我的情况。

我的服务器上有一个 Node/Express/Webpack 堆栈，我使用 npm 安装 Bootstrap 4 alpha 6 以及 tether.js，这是工具提示功能所需的依赖项。在我的主 JS 文件中，如 webpack 配置中定义的那样，我使用以下代码片段导入了系绳并初始化了 Bootstrap 工具提示函数：

和：

然后，在我的index.hbs（我正在使用把手来呈现我的页面）中，我有以下代码片段实现了工具提示：

脚本编译成功，没有任何错误或警告。但是，在浏览器中加载页面时，我收到错误消息tooltip is not a function...。这不应该发生，对吧？我可以确认 JQuery 工作正常，因为如上所示的一个初始化工具提示正下方的以下片段正在呈现而没有任何打嗝：

如下所示，JQuery 和 Tether 插件以及用于 Tooltip 的插件都已在我的webpack.config.js文件中启动：

项目文件可在此处作为内部存储库获得，以防万一。

我reactstrap在最初由create-react-app.

我遇到的问题是reactstrap，我收到以下控制台警告：

在项目的 GitHub 问题中，我看到可能的解决方案如下所示：“要抑制警告（暂时），请将其添加到您的 webpack 配置文件中......”。问题是，对于 Facebook，create-react-app我没有要配置的 Webpack 配置文件。我该如何解决这个警告