问题标签 [popperjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1003 浏览

npm - “popper”和“popper.js”是 npm 中的两个不同的包吗?

我正在关注使用此命令安装 popper 的教程: npm install popper --save. 但是当我尝试它时收到此错误消息:致命错误 - 检测到 cygheap 基本不匹配 - 0x13A1410/0x13D1410

所以我搜索找到这个库的 github 页面并找到了这个页面:https ://github.com/FezVrasta/popper.js但我看到它建议安装它:npm install popper.js --save它与我的教程不同。现在我想知道这些与图书馆不同吗?如果它们不同,它们的 github 页面是poppe什么?popper.js

我还必须提到,我没有说 python popper 库。我想要 .js 使用的 javascript 版本bootstrap4

0 投票
0 回答
153 浏览

javascript - Popper popovers 没有正确遵循旋转的 popper 参考

我正在开发一个使用 popper 和 fabric.js 的应用程序。popper 引用是标记元素上的不可见 div。当织物元素旋转时,弹出框不会随着标记正确旋转,因为它仅在将元素旋转一圈时正确遵循“右上角”象限的参考(我有一个链接的代码笔,您可以尝试作为例如,很难解释哈哈。)。我想知道是否有可能:

A.) 让 popper 弹出框在旋转时跟随标记。(这对我来说是首选!)B.)如果这不起作用,让弹出框元素是静态的,这样它在旋转时不会移动,但是在移动时弹出框元素会移动,所以不可见的标记 div 不会不是剪辑。

这里的任何建议都会被提出!我有一个rotationChanger我认为可行的粗略方法,但会导致无限循环冻结我的窗口。

https://codepen.io/freddie-pike/pen/YzXGwPe

0 投票
3 回答
2859 浏览

javascript - Popper 不坚持滚动上的 ref 元素

演示:https ://codesandbox.io/s/agitated-euler-rep54

单击任何“单击我设置参考”。popper 正确定位自身。现在开始滚动,你会看到 popper 没有粘在 ref 上。

如果您.popper成为 的直系子女.scroll-body,则可以。

我需要设置什么 popper 选项才能使其工作?

0 投票
1 回答
27 浏览

typescript - 带有 PopperJs 的工具提示,显示未定位的第一个状态

https://codesandbox.io/s/intelligent-feynman-j5wzv

如果您将鼠标悬停在按钮上,您会在第一次渲染中看到效果,然后是 Tooltip 的正确位置,正确使用 popperjs 时我是否遗漏了什么?

0 投票
1 回答
2582 浏览

jestjs - 遇到 Jest/enzyme 错误“Popper:提供的引用或 popper 参数无效”。

我使用 popperjs 2.2.1 和 jest/enzyme 测试编写了一个工具提示。但是,我收到以下错误:

Error: Cannot read property 'split' of undefined

console.error ../../node_modules/@popperjs/core/dist/cjs/popper.js:630

Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.

尝试了所有建议(可能是因为我只是开玩笑而做错了): https://github.com/popperjs/popper-core/issues/478https://github.com/popperjs/react-波普尔/问题/263

我在代码盒中重新创建了它: https ://codesandbox.io/s/tooltip-test-r8nqt ?file=/src/Tooltip.spec.tsx

有什么建议吗?tnx

0 投票
1 回答
54 浏览

javascript - Laravel5.6 + vuejs bootstrap 3.3.7 下拉菜单不起作用

我在添加文件 app.js 后立即使用 laravel 5.6、vuejs 和 Bootstrap 3.3.7,我的下拉菜单停止工作,它询问 popper.js 当我添加 popper 时,它返回另一个错误“未捕获的 TypeError:无法读取属性 'jquery' null at new Popper" 在此处输入图像描述

0 投票
1 回答
951 浏览

javascript - Bootstrap 4.5.2 错误/更新 popper.js 过时的新方法是 popperjs/core

共同开发者,

npm 引导程序 4.5.2 及更高版本

它还没有准备好@popperjs/core

我正在找人帮我修复 bootstrap.js

作为临时修复

ERROR in ./node_modules/bootstrap/dist/js/bootstrap.js Module not found: Error: Can't resolve 'popper.js' in 'C:\Users\nodefion\Desktop\Website\Wordpress-Websites\Website-1\thema\wp-content\themes\Dolzon-2\node_modules\bootstrap\dist\js' @ ./node_modules/bootstrap/dist/js/bootstrap.js 7:101-121 @ ./src/app.js @ multi ./src/app.js ./src/app.scss

因为 npm 我 popper.js 不起作用。

我可以在 bootstrap.js 文件中删除 de require('popper.js')

但我想包括新的@popperjs/core

无需等待一两个月即可修复。

和我们分享一下你的想法

最好的问候, Nodefion.com 开发团队

0 投票
1 回答
244 浏览

package.json - 如何通过 package.json 升级到 popperjs/core:名称只能包含 URL 友好字符?

因此,由于无害的弃用警告,我想升级我的 package.json 堆栈:

原来 popper.js 已被弃用并被 popperjs/core 取代。但是这个名字有一个斜线。

看起来这个新 repo 的作者决定在名称中添加一个 /,这会破坏我的 package.json。任何想法如何解决这个问题?

在我的 package.json 中,我调用 list "popperjs/core": "2.5.2" 来提示 URL 不友好的命名。

0 投票
2 回答
4750 浏览

reactjs - 由于 popper js typescript 错误,React 应用程序构建失败

我有使用 bootstrap 4.3.1 作为节点模块的反应应用程序。当我构建应用程序时,它给出以下错误TypeScript error in /codebuild/output/src478180495/src/app-name/node_modules/@popperjs/core/lib/createPopper.d.ts(1,13): '=' expected. TS1005 > 1 | import type { OptionsGeneric, Modifier, Instance, VirtualElement } from "./types";它之前很好。今天出现错误。

0 投票
1 回答
889 浏览

javascript - 使用 Popper Js 创建 Vue 组件下拉菜单

我正在使用 vue 和 popperjs 制作一个下拉组件。要知道我正在使用vuejs v.2.6.12popperjs v.2.9.2这是代码

当我尝试运行代码时,我收到错误消息,Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element. 我不知道为什么会出现此错误,我想我已将引用this.$el和 popperthis.$refs.dropdown放在正确的位置。

有人可以帮我解决这个问题吗?
谢谢你