问题标签 [patternfly]

我是 Web 开发的新手，正在尝试在我的项目中使用 patternFly 甜甜圈图。但是当我尝试通过运行简单的 HTML 来检查它时，它会抛出以下错误。有人可以帮我解决这个问题吗？

错误图片

这是我第一次使用 keycloak 身份验证配置我的 Angular4 应用程序。在这里，我将 patternfly 用于导航菜单。最初我的菜单是

为此，我启动了我的应用程序，例如：main.ts

但是当我实现 Keycloak 时，改变了我的 main.ts：

我的菜单 HTML 是：

在这里，我在这个应用程序中使用 angular-cli。Angular 4.3.5 有人可以给出解决方案吗？注意：我尝试将 patternfly css 链接到 index.html 并将其从 webpacking 的 angular-cli.json 中删除；仍然无法使其工作

我被困在桌子设计上。
我的标题没有与我的 body tds 对齐，并且我的滚动条偏离了对齐方式。

我想我可以只使用一个

但是，这失去了我的卷轴。

如果我把它放在一个 div 中，那么我的标题就会丢失到滚动条上。

附上一个小提琴供查看。
无论如何，我怎么能： 1. 将我的头与身体对齐 2. 在 Y 中使用滚动 3. 使用作为响应表来拟合数据

首先，摆弄奇怪的 CSS "display:" 用法

小提琴

更新了 80px 的小提琴高度被覆盖：

https://jsfiddle.net/t1zss67n/4/

试图从github安装 patternfly 演示应用程序。这些是我为此采取的步骤：

1. npm 安装 webpack
2. npm 我
3. npm 开始

运行 npm start 后，我​​得到了这样的响应

错误是

但它会localhost:3000在网络浏览器中自动打开。我可以jquery-match-height在 node_modules 中看到模块，但在模块中找不到jquery.matchHeight-min。

谢谢

在生产模式下构建 react-bootstrap 后，我遇到了下拉菜单显示不正确的问题：

经过仔细检查，看起来 HTML 加载了错误的类：<ul role="menu" class="super-colors -menu" aria-labelledby="dropdown-custom-1">. 在这种情况下，类应该是dropdown-menu而不是-menu。

当我检查道具元素时，看起来这是由于bsClass设置不正确引起的：

作为参考，这里是上面显示的元素的代码：

其他一些（可能）相关信息：

• 我们正在使用一个名为 patternfly-react 的 UI 库，它构建在 react-bootstrap 之上，但问题似乎出在 react-bootstrap 中。
• 该应用程序使用 react-bootstrap 0.32.1
• 这仅在应用程序以生产模式构建时显示，开发模式工作正常。
• 我们有一个非常规的设置，我们在 Angular 6 应用程序中运行 React。

任何人都知道可能导致这种情况发生的原因？

我正在尝试使用 d3.js、React 和 PatternFly 4 制作一个简单的折线图。我已经制作了其他图表，这些图表与选择 id 的意图相同，但是这个拒绝工作，我无法将手指放在问题。

请注意，该 id 在调用此类时已经创建，因此在 select 发生时它存在。

我现在是 d3.js 中的菜鸟，这段代码几乎是来自在线示例的复制粘贴，并进行了一些调整。

我正在使用 patternfly-react v3 的 DropDownButton 和 MenuItem 元素。DropdownButton 翻译成和 menuItem 翻译成

我是 webpack 和 next.js 的新手。我收到以下错误，似乎 webpack 无法正确理解/解析/加载 CSS 文件。

我该如何解决这个问题或进一步调试这个问题？因为我是新手，所以我完全迷路了。这个问题的原因可能是什么？

更多详细信息：

1.）完整的堆栈跟踪：

2.) 导入 CSS 的文件

file:///C:/devtmp/workspaces/nextjs/web-admin/node_modules/@patternfly/react-styles/css/components/Backdrop/backdrop.js

3.) CSS

file:///C:/devtmp/workspaces/nextjs/web-admin/node_modules/@patternfly/react-styles/css/components/Backdrop/backdrop.css

4.) next.config.js 的提取

非常感谢！

我目前正在尝试将 Patternfly React 集成到我的项目中。这是我用作参考的链接，它工作正常。但是需要为 header 、 footer 、 topnav 和 sidenav 设置单独的组件。因此，在将代码划分为组件时，我遇到了问题

提供给 的道具导航无效PageSidebar，应为 ReactNode。

这是我的 Sidenav 代码

以上是我的 sideNav 功能组件，并在我的布局组件中使用它。

我的页眉组件

问题是将我的函数组件传递给 nav 属性中的 Patternfly 的 PageSidebar 组件时为 const Sidebar = <PageSidebar nav={SideNav} theme="dark" />;.

这到底有什么问题？

我有一个在按下按钮时出现的表单，表单的标题对于列表中的每个项目都会有所不同，我可以删除这些项目。我希望表单标题中的项目名称加粗，但我正在努力正确实施

我的表格看起来像

这当前打印出<b>标签。我尝试将this.props.item.name变量作为字符串分配并在其上使用粗体（），但它不起作用。任何意见，将不胜感激。