patternfly / patternfly/patternfly-react

Bug - react-topology/ react-styles - [mini-css-extract-plugin] Conflicting order

Open
#11,784 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Stale
Dominant language
TypeScript
Stars
862
Forks
392
Avg merge
4d 8h
Merged PRs (30d)
9

Description

Describe the problem

min-css-extract plugin throws the error Conflicting order. Following module has been added from react-topology and react-styles

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Tooltip/tooltip.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popper/Popper.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Button/button.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Spinner/spinner.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Icon/icon.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Drawer/drawer.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/layouts/Stack/stack.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-controlbar.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-side-bar.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popper/Popper.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Button/button.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Spinner/spinner.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Icon/icon.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Drawer/drawer.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/layouts/Stack/stack.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-controlbar.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-side-bar.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-side-bar.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popover/popover.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Button/button.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Spinner/spinner.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Icon/icon.css
   - couldn't fulfill desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-controlbar.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popover/popover.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Button/button.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Spinner/spinner.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Icon/icon.css
   - couldn't fulfill desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Icon/icon.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popover/popover.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-pipelines.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Check/check.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-components.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Spinner/spinner.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Button/button.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Drawer/drawer.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/layouts/Stack/stack.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Spinner/spinner.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Button/button.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Drawer/drawer.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/layouts/Stack/stack.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Button/button.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popover/popover.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Drawer/drawer.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/layouts/Stack/stack.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/layouts/Stack/stack.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popover/popover.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Drawer/drawer.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popover/popover.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Toolbar/toolbar.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popover/popover.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Divider/divider.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popover/popover.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Popover/popover.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-pipelines.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Check/check.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-components.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-components.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Dropdown/dropdown.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Menu/menu.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Breadcrumb/breadcrumb.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/EmptyState/empty-state.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-pipelines.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Check/check.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-pipelines.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Check/check.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Check/check.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
   - couldn't fulfill desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/MenuToggle/menu-toggle.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , , 
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-pipelines.css
   - couldn't fulfill desired order of chunk group(s) 
   - while fulfilling desired order of chunk group(s) , ,

Failed to compile '':
  chunk 1030 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-styles/css/components/Label/label-group.css
despite it was not able to fulfill desired ordering with these modules:
 * css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../node_modules/@patternfly/react-topology/dist/esm/css/topology-pipelines.css

How do you reproduce the problem?
https://github.com/backstage/community-plugins/pull/3805

Expected behavior
No css errors by deopendencies

Is this issue blocking you?

Yes, Blocking Backstage Kiali plugin for RHDH

What is your product and what release date are you targeting?

Kiali Plugin for Backstage/RHDH

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the mini-css-extract-plugin build involving the react-styles CSS modules and react-topology's topology-controlbar.css and topology-side-bar.css. Inspect how these CSS entry points are included and ordered; done means the build completes without the reported Conflicting order errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
build-system, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.