patternfly-react: Problem with missing styles "badge"

./node_modules/@patternfly/react-core/dist/esm/components/Select/Select.js 193:23-40
"export 'badge' (imported as 'badgeStyles') was not found in '../../@patternfly/patternfly/components/Badge/badge.css.js'
    at HarmonyImportSpecifierDependency._getErrors (/home/martin/Projects/topology-inventory-ui/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:113:11)
    at HarmonyImportSpecifierDependency.getWarnings (/home/martin/Projects/topology-inventory-ui/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:60:15)
    at Compilation.reportDependencyErrorsAndWarnings (/home/martin/Projects/topology-inventory-ui/node_modules/webpack/lib/Compilation.js:1326:24)
    at Compilation.finish (/home/martin/Projects/topology-inventory-ui/node_modules/webpack/lib/Compilation.js:1137:9)
    at hooks.make.callAsync.err (/home/martin/Projects/topology-inventory-ui/node_modules/webpack/lib/Compiler.js:545:17)
    at _done (eval at create (/home/martin/Projects/topology-inventory-ui/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:9:1)
    at _err1 (eval at create (/home/martin/Projects/topology-inventory-ui/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:32:22)
    at _addModuleChain (/home/martin/Projects/topology-inventory-ui/node_modules/webpack/lib/Compilation.js:1065:12)
    at processModuleDependencies.err (/home/martin/Projects/topology-inventory-ui/node_modules/webpack/lib/Compilation.js:981:9)
    at _combinedTickCallback (internal/process/next_tick.js:132:7)
    at process._tickCallback (internal/process/next_tick.js:181:9)
 @ ./node_modules/@patternfly/react-core/dist/esm/components/Select/index.js
 @ ./node_modules/@patternfly/react-core/dist/esm/components/index.js
 @ ./node_modules/@patternfly/react-core/dist/esm/index.js
 @ ./node_modules/@red-hat-insights/insights-frontend-components/components/Notifications.js
 @ ./src/App.js
 @ ./src/entry-dev.js
 @ multi ./src/entry-dev.js
vendor.js:308723 ｢hot｣ ./node_modules/@patternfly/react-core/dist/esm/components/Select/Select.js 193:42-63

I tried upgrading to latest versions of everything. The stacktrace changes, but the "export 'badge' (imported as 'badgeStyles') was not found in... stays.

About this issue

Original URL
State: closed
Created 5 years ago
Reactions: 1
Comments: 18 (9 by maintainers)

Most upvoted comments

This error is because we used to have an invalid import import * as badgeStyles from '@patternfly/patternfly/components/Badge/badge.css'; in Select.js (the * as needed to be removed). This was fixed in #1656 and available in @patternfly/react-core @3.1.1 or greater. What version of react-core are you using @ricardozanini ?

redallen on Apr 30, 2019

If all goes well, we’ll be able to release today. There’s not an easy way right now. Sorry!

redallen on Apr 10, 2019