Problem with missing styles "badge"

[martinpovolny]

./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.

[AllenBW]

OH SNAP! Ditto on this, I was just kinda ignoring it.. but yeah Insights is feeling this too

WARNING in ./node_modules/@patternfly/react-table/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'
 @ ./node_modules/@patternfly/react-table/node_modules/@patternfly/react-core/dist/esm/components/Select/index.js
 @ ./node_modules/@patternfly/react-table/node_modules/@patternfly/react-core/dist/esm/components/index.js
 @ ./node_modules/@patternfly/react-table/node_modules/@patternfly/react-core/dist/esm/index.js
 @ ./node_modules/@patternfly/react-table/dist/esm/components/Table/RowWrapper.js
 @ ./node_modules/@patternfly/react-table/dist/esm/components/Table/index.js
 @ ./node_modules/@patternfly/react-table/dist/esm/components/index.js
 @ ./node_modules/@patternfly/react-table/dist/esm/index.js
 @ ./src/PresentationalComponents/RulesTable/RulesTable.js
 @ ./src/SmartComponents/Rules/ListRules.js
 @ ./src/SmartComponents/Rules/Rules.js
 @ ./src/Routes.js
 @ ./src/App.js
 @ ./src/entry-dev.js
 @ multi (webpack)-dev-server/client?http://localhost:8002 (webpack)/hot/dev-server.js ./src/entry-dev.js

WARNING in ./node_modules/@patternfly/react-table/node_modules/@patternfly/react-core/dist/esm/components/Select/Select.js 193:42-63
"export 'modifiers' (imported as 'badgeStyles') was not found in '../../@patternfly/patternfly/components/Badge/badge.css.js'
 @ ./node_modules/@patternfly/react-table/node_modules/@patternfly/react-core/dist/esm/components/Select/index.js
 @ ./node_modules/@patternfly/react-table/node_modules/@patternfly/react-core/dist/esm/components/index.js
 @ ./node_modules/@patternfly/react-table/node_modules/@patternfly/react-core/dist/esm/index.js
 @ ./node_modules/@patternfly/react-table/dist/esm/components/Table/RowWrapper.js
 @ ./node_modules/@patternfly/react-table/dist/esm/components/Table/index.js
 @ ./node_modules/@patternfly/react-table/dist/esm/components/index.js
 @ ./node_modules/@patternfly/react-table/dist/esm/index.js
 @ ./src/PresentationalComponents/RulesTable/RulesTable.js
 @ ./src/SmartComponents/Rules/ListRules.js
 @ ./src/SmartComponents/Rules/Rules.js
 @ ./src/Routes.js
 @ ./src/App.js
 @ ./src/entry-dev.js

[AllenBW]

@redallen any way yah can help prioritize this fellow Allen? 🙏 🤗 🙇‍♀️

[redallen]

Sorry, but hold tight for now. Once we do our next release this problem should be fixed. The import should be import badgeStyles from '@patternfly/patternfly/components/Badge/badge.css.js' instead of import * as badgeStyles from '@patternfly/patternfly/components/Badge/badge.css.js' in Select.js and we should have the latest version of @patternfly/patternfly that has those badge styles.

[dmsimard]

I'm hitting this as well and I'm a bit of a patternfly/react noob. Is there a workaround available until the fix lands and is released ?

[redallen]

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

[dmsimard]

@redallen thanks, I'll hang in there :)

[redallen]

If there are any brave beta testers, try @patternfly/react-core@3.1.1 and let me know if the problem is still there!

[karangarg45]

@redallen Yes the error seems to go away with the 3.1.3 release.

[redallen]

Thanks for letting me know! Have fun with PF4 :)

[martinpovolny]

Not fixed for me, probably because of:
https://github.com/RedHatInsights/insights-frontend-components/blob/master/package.json#L16

[martinpovolny]

I tried various versions but did not find a working combination of PF and Insights components that would work w/o warnings.

[ricardozanini]

I'm seeing this error here also. Same as @martinpovolny. Also, I'm not ready to move to PF4 yet. Is there any chance to backport this fix to PF3?