问题标签 [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 投票
3 回答
1189 浏览

javascript - 使用 parcel-bundler 构建 webapp 时遇到问题(编译后不加载 Java)

美好的一天,伙计们!我在网上寻找解决方案,但找不到解决方案,所以我向您寻求帮助。当我完整描述情况时,请耐心等待。

我是一个初学者,在开发引导网络项目时遇到了包裹问题。 First, it throws an error for using index.js which doesn't make any sense. As per the bootstrap, doc. folder structure suppose to be

我正在关注引导文档。链接:https ://getbootstrap.com/docs/5.0/getting-started/parcel/

项目使用的包

  • 包裹打包机,

  • popperjs 和

  • 引导程序

使用简单的 HTML 重新创建问题

索引.html

index.js

自定义.scss

包.json

错误信息

互联网上的其他帖子建议将**"main":**value替换为,"../dist/index.js,"但它也不起作用。当我尝试消除整"main":行时,构建了 webapp,但没有加载 java。如果我这样做npm run dev,webapp 会执行 javascript(我在 dev 模式下维护“main”:“index.js”),我可以在控制台中看到警报消息和日志消息,但它在构建应用程序时不起作用。当我在包裹中开发我的 web 应用程序时走得太远,我对此时可以做什么完全一无所知。

我将衷心感谢您的帮助!

0 投票
0 回答
55 浏览

reactjs - React Next js 在 popperjs 模块中失败

我有一段时间的下一个 js 项目。有时构建是好的,直到我从头开始安装节点模块。

现在我在尝试构建时遇到错误。

ModuleNotFoundError:找不到模块:错误:包路径 ./lib/enums 未从包 {PROEJCT_PATH}\node_modules@popperjs\core 导出(请参阅 {PROEJCT_PATH}\node_modules@popperjs\core\package.json 中的导出字段)

有谁知道这里可能是什么问题?

这是我的包 json

打包json主项目

包 json 我的库

0 投票
0 回答
24 浏览

npm - package.json : "main:umd": "dist/umd/bundl.js" 的目标是谁?哪个工具可以使用它?它是 umd 的标准名称吗?

popper.js的包 json 包含

我很想知道这是一种标准的方式来指导现代捆绑器|工具(它们中的哪一个?)或只是特定于波普尔?

是标准命名吗?我可以在这些工具中使用“main:esm”吗?

我在谷歌上找不到任何关于"main:umd"

0 投票
1 回答
636 浏览

javascript - 为每个元素设置不同的 React Popper 工具提示

我正在使用 React popper 在我的表单中显示输入字段的附加信息。问题是,当我显示超过 1 个元素的工具提示时,它会显示相同的工具提示。如何为每个字段显示不同的工具提示。

这是我在组件中使用的代码

https://codesandbox.io/s/hungry-gould-modgk?fontsize=14&hidenavigation=1&theme=dark

0 投票
0 回答
84 浏览

ruby-on-rails - Rails 7 导入映射引导程序

因此,我通过执行以下操作设置了我的 rails 7 应用程序。

要添加引导程序,我已经使用 importmap(无 webpacker)实现了它,如下所示

加载了这些行(我添加了预加载:true)

然后在我的 application.js 上,我添加了

我可以通过执行以下操作来使用 toast 元素

它运行良好,但是当我尝试使用菜单上的工具提示时,我开始遇到引导问题

原因是 popperjs 使用process.env.NODE_ENV了不存在的,因为我没有设置 webpacker

所以我不得不在我的应用程序布局上做一些丑陋的事情并像这样添加它

这类问题有更好的方法/解决方案吗?

0 投票
1 回答
21 浏览

angular - 如何在 Angular 13 中使用 PopperJs 2

我添加了 PopperJS 2.11 作为依赖项。然后我尝试在 AppComponent 中使用 Popper,但我不确定如何调用 Popper 的实例。这是我的代码:

app.component.html:

app.component.ts:

但在控制台中我有:createPopper.js:209 Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.

0 投票
0 回答
7 浏览

popper.js - 有没有办法与多个目标共享 popper.js popper?

我正在制作一个由多个元素触发的工具提示。每个触发元素都会更改工具提示中的小细节。然而,我的问题是,有没有办法创建一个可以由多个元素触发的工具提示?