问题标签 [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.
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
。
javascript - Popper popovers 没有正确遵循旋转的 popper 参考
我正在开发一个使用 popper 和 fabric.js 的应用程序。popper 引用是标记元素上的不可见 div。当织物元素旋转时,弹出框不会随着标记正确旋转,因为它仅在将元素旋转一圈时正确遵循“右上角”象限的参考(我有一个链接的代码笔,您可以尝试作为例如,很难解释哈哈。)。我想知道是否有可能:
A.) 让 popper 弹出框在旋转时跟随标记。(这对我来说是首选!)B.)如果这不起作用,让弹出框元素是静态的,这样它在旋转时不会移动,但是在移动时弹出框元素会移动,所以不可见的标记 div 不会不是剪辑。
这里的任何建议都会被提出!我有一个rotationChanger
我认为可行的粗略方法,但会导致无限循环冻结我的窗口。
javascript - Popper 不坚持滚动上的 ref 元素
演示:https ://codesandbox.io/s/agitated-euler-rep54
单击任何“单击我设置参考”。popper 正确定位自身。现在开始滚动,你会看到 popper 没有粘在 ref 上。
如果您.popper
成为 的直系子女.scroll-body
,则可以。
我需要设置什么 popper 选项才能使其工作?
typescript - 带有 PopperJs 的工具提示,显示未定位的第一个状态
https://codesandbox.io/s/intelligent-feynman-j5wzv
如果您将鼠标悬停在按钮上,您会在第一次渲染中看到效果,然后是 Tooltip 的正确位置,正确使用 popperjs 时我是否遗漏了什么?
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/478和https://github.com/popperjs/react-波普尔/问题/263
我在代码盒中重新创建了它: https ://codesandbox.io/s/tooltip-test-r8nqt ?file=/src/Tooltip.spec.tsx
有什么建议吗?tnx
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" 在此处输入图像描述
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 开发团队
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 不友好的命名。
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";
它之前很好。今天出现错误。
javascript - 使用 Popper Js 创建 Vue 组件下拉菜单
我正在使用 vue 和 popperjs 制作一个下拉组件。要知道我正在使用vuejs v.2.6.12
,popperjs 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
放在正确的位置。
有人可以帮我解决这个问题吗?
谢谢你