search

Shopify / checkout-ui

MIT License
45 stars 7 forks source link

Getting a ton of export "not found" errors when using this package #33

Closed chaddjohnson closed 2 years ago

chaddjohnson commented 2 years ago

When using this package in my project, I get a ton of errors related to this package:

$ webpack
clean-webpack-plugin: options.output.path not defined. Plugin disabled...
(node:5658) [DEP_WEBPACK_MAIN_TEMPLATE_RENDER_MANIFEST] DeprecationWarning: MainTemplate.hooks.renderManifest is deprecated (use Compilation.hooks.renderManifest instead)
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:5658) [DEP_WEBPACK_CHUNK_TEMPLATE_RENDER_MANIFEST] DeprecationWarning: ChunkTemplate.hooks.renderManifest is deprecated (use Compilation.hooks.renderManifest instead)
(node:5658) [DEP_WEBPACK_MAIN_TEMPLATE_HASH_FOR_CHUNK] DeprecationWarning: MainTemplate.hooks.hashForChunk is deprecated (use JavascriptModulesPlugin.getCompilationHooks().chunkHash instead)
(node:5658) [DEP_WEBPACK_COMPILATION_NORMAL_MODULE_LOADER_HOOK] DeprecationWarning: Compilation.hooks.normalModuleLoader was moved to NormalModule.getCompilationHooks(compilation).loader
(node:5658) [DEP_WEBPACK_COMPILATION_ASSETS] DeprecationWarning: Compilation.assets will be frozen in future, all modifications are deprecated.
BREAKING CHANGE: No more changes should happen to Compilation.assets after sealing the Compilation.
    Do changes to assets earlier, e. g. in Compilation.hooks.processAssets.
    Make sure to select an appropriate stage from Compilation.PROCESS_ASSETS_STAGE_*.
(node:5658) [DEP_WEBPACK_MODULE_ID] DeprecationWarning: Module.id: Use new ChunkGraph API
(node:5658) [DEP_WEBPACK_MODULE_UPDATE_HASH] DeprecationWarning: Module.updateHash: Use new ChunkGraph API
(node:5658) [DEP_WEBPACK_CHUNK_MODULES_ITERABLE] DeprecationWarning: Chunk.modulesIterable: Use new ChunkGraph API
(node:5658) [DEP_WEBPACK_CHUNK_GROUP_GET_MODULE_INDEX_2] DeprecationWarning: ChunkGroup.getModuleIndex2 was renamed to getModulePostOrderIndex
ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/AppContext/index.mjs 1:0-152
export 'Props' (reexported as 'Props') was not found in './AppContext' (possible exports: AppContext, AppContextContext, useAppContext, useGeolocation, useLinkComponent, useTranslate)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/AppContext/index.mjs 1:0-152
export 'TranslationKey' (reexported as 'TranslationKey') was not found in './AppContext' (possible exports: AppContext, AppContextContext, useAppContext, useGeolocation, useLinkComponent, useTranslate)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/AppContext/index.mjs 1:0-152
export 'LinkLikeComponentProps' (reexported as 'LinkLikeComponentProps') was not found in './AppContext' (possible exports: AppContext, AppContextContext, useAppContext, useGeolocation, useLinkComponent, useTranslate)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Autocomplete/index.mjs 1:0-190
export 'Props' (reexported as 'Props') was not found in './Autocomplete' (possible exports: Autocomplete, AutocompleteFooter, AutocompleteOption, AutocompleteOptions)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Autocomplete/index.mjs 1:0-190
export 'AutocompleteOptionsProps' (reexported as 'AutocompleteOptionsProps') was not found in './Autocomplete' (possible exports: Autocomplete, AutocompleteFooter, AutocompleteOption, AutocompleteOptions)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Autocomplete/index.mjs 1:0-190
export 'AutocompleteOptionProps' (reexported as 'AutocompleteOptionProps') was not found in './Autocomplete' (possible exports: Autocomplete, AutocompleteFooter, AutocompleteOption, AutocompleteOptions)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Autocomplete/index.mjs 1:0-190
export 'AutocompleteFooterProps' (reexported as 'AutocompleteFooterProps') was not found in './Autocomplete' (possible exports: Autocomplete, AutocompleteFooter, AutocompleteOption, AutocompleteOptions)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Banner/index.mjs 1:0-41
export 'Props' (reexported as 'Props') was not found in './Banner' (possible exports: Banner)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Breadcrumbs/index.mjs 1:0-51
export 'Props' (reexported as 'Props') was not found in './Breadcrumbs' (possible exports: Breadcrumbs, Marker)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Button/index.mjs 1:0-41
export 'Props' (reexported as 'Props') was not found in './Button' (possible exports: Button)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/CalloutHeader/index.mjs 1:0-55
export 'Props' (reexported as 'Props') was not found in './CalloutHeader' (possible exports: CalloutHeader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Connected/index.mjs 1:0-47
export 'Props' (reexported as 'Props') was not found in './Connected' (possible exports: Connected)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/DatePicker/index.mjs 1:0-49
export 'Props' (reexported as 'Props') was not found in './DatePicker' (possible exports: DatePicker)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/FlagIcon/index.mjs 1:0-45
export 'Props' (reexported as 'Props') was not found in './FlagIcon' (possible exports: FlagIcon)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/FormattedText/index.mjs 1:0-55
export 'Props' (reexported as 'Props') was not found in './FormattedText' (possible exports: FormattedText)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Hidden/index.mjs 1:0-41
export 'Props' (reexported as 'Props') was not found in './Hidden' (possible exports: Hidden)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/InlineError/index.mjs 1:0-51
export 'Props' (reexported as 'Props') was not found in './InlineError' (possible exports: InlineError)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Labelled/index.mjs 1:0-45
export 'Props' (reexported as 'Props') was not found in './Labelled' (possible exports: Labelled)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Link/components/UnstyledLink/index.mjs 1:0-53
export 'Props' (reexported as 'Props') was not found in './UnstyledLink' (possible exports: UnstyledLink)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Link/index.mjs 1:0-37
export 'Props' (reexported as 'Props') was not found in './Link' (possible exports: Link)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Modal/index.mjs 1:0-39
export 'Props' (reexported as 'Props') was not found in './Modal' (possible exports: Modal)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/MoneyLines/components/MoneyLine/index.mjs 1:0-82
export 'Props' (reexported as 'Props') was not found in './MoneyLine' (possible exports: MoneyLine, MoneyLineContent, MoneyLineHeader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/MoneyLines/components/MoneySummary/index.mjs 1:0-94
export 'Props' (reexported as 'Props') was not found in './MoneySummary' (possible exports: MoneySummary, MoneySummaryContent, MoneySummaryHeader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/MoneyLines/index.mjs 1:0-49
export 'Props' (reexported as 'Props') was not found in './MoneyLines' (possible exports: MoneyLines)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/OptionList/components/Option/index.mjs 1:0-143
export 'Props' (reexported as 'Props') was not found in './Option' (possible exports: Option, OptionPrimaryContent, OptionSecondaryContent)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/OptionList/components/Option/index.mjs 1:0-143
export 'OptionSecondaryContentProps' (reexported as 'OptionSecondaryContentProps') was not found in './Option' (possible exports: Option, OptionPrimaryContent, OptionSecondaryContent)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/OptionList/components/Option/index.mjs 1:0-143
export 'OptionPrimaryContentProps' (reexported as 'OptionPrimaryContentProps') was not found in './Option' (possible exports: Option, OptionPrimaryContent, OptionSecondaryContent)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/OptionList/components/OptionDetails/index.mjs 1:0-55
export 'Props' (reexported as 'Props') was not found in './OptionDetails' (possible exports: OptionDetails)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/OptionList/index.mjs 1:0-49
export 'Props' (reexported as 'Props') was not found in './OptionList' (possible exports: OptionList)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/PaymentIcon/index.mjs 1:0-51
export 'Props' (reexported as 'Props') was not found in './PaymentIcon' (possible exports: PaymentIcon)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Popover/index.mjs 1:0-43
export 'Props' (reexported as 'Props') was not found in './Popover' (possible exports: Popover)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Popper/index.mjs 1:0-41
export 'Props' (reexported as 'Props') was not found in './Popper' (possible exports: Popper)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Popper/index.mjs 3:0-48
export 'Placement' (reexported as 'Placement') was not found in './utilities/offsets' (possible exports: computeOffsets, roundOffsets)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Portal/index.mjs 1:0-53
export 'Props' (reexported as 'Props') was not found in './Portal' (possible exports: Portal, PortalHost)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/ProgressTracker/index.mjs 1:0-59
export 'Props' (reexported as 'Props') was not found in './ProgressTracker' (possible exports: ProgressTracker)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Redact/index.mjs 1:0-41
export 'Props' (reexported as 'Props') was not found in './Redact' (possible exports: Redact)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/ResourceList/components/ResourceItem/index.mjs 1:0-121
export 'Props' (reexported as 'ResourceItemProps') was not found in './ResourceItem' (possible exports: ResourceItem, ResourceItemContent)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/ResourceList/components/ResourceItem/index.mjs 1:0-121
export 'ResourceItemContentProps' (reexported as 'ResourceItemContentProps') was not found in './ResourceItem' (possible exports: ResourceItem, ResourceItemContent)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/ResourceList/index.mjs 1:0-157
export 'Props' (reexported as 'Props') was not found in './ResourceList' (possible exports: ResourceList, ResourceListHeader, ResourceListHeaderContent)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/ResourceList/index.mjs 1:0-157
export 'ResourceListHeaderProps' (reexported as 'ResourceListHeaderProps') was not found in './ResourceList' (possible exports: ResourceList, ResourceListHeader, ResourceListHeaderContent)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/ResourceList/index.mjs 1:0-157
export 'ResourceListHeaderContentProps' (reexported as 'ResourceListHeaderContentProps') was not found in './ResourceList' (possible exports: ResourceList, ResourceListHeader, ResourceListHeaderContent)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/ReviewItem/index.mjs 1:0-62
export 'Props' (reexported as 'Props') was not found in './ReviewItem' (possible exports: ReviewBlock, ReviewItem)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellActionsDisplay' (reexported as 'ShellActionsDisplay') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellDisclosureProps' (reexported as 'ShellDisclosureProps') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellFooterPosition' (reexported as 'ShellFooterPosition') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellFooterProps' (reexported as 'ShellFooterProps') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellHeaderAlignment' (reexported as 'ShellHeaderAlignment') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellHeaderBlockPadding' (reexported as 'ShellHeaderBlockPadding') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellHeaderPosition' (reexported as 'ShellHeaderPosition') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellHeaderProps' (reexported as 'ShellHeaderProps') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellProps' (reexported as 'ShellProps') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellSectionBackground' (reexported as 'ShellSectionBackground') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellSectionBlockSize' (reexported as 'ShellSectionBlockSize') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellSectionContentProps' (reexported as 'ShellSectionContentProps') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellSectionInlineSize' (reexported as 'ShellSectionInlineSize') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellSectionProps' (reexported as 'ShellSectionProps') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellSubheaderAlignment' (reexported as 'ShellSubheaderAlignment') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellSubheaderPosition' (reexported as 'ShellSubheaderPosition') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Shell/index.mjs 1:0-479
export 'ShellSubheaderProps' (reexported as 'ShellSubheaderProps') was not found in './Shell' (possible exports: Shell, ShellDisclosure, ShellFooter, ShellSection, ShellSectionContent, ShellSubheader)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/SkeletonText/index.mjs 1:0-53
export 'Props' (reexported as 'Props') was not found in './SkeletonText' (possible exports: SkeletonText)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/SkeletonThumbnail/index.mjs 1:0-63
export 'Props' (reexported as 'Props') was not found in './SkeletonThumbnail' (possible exports: SkeletonThumbnail)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Tag/index.mjs 1:0-35
export 'Props' (reexported as 'Props') was not found in './Tag' (possible exports: Tag)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/TextField/index.mjs 1:0-88
export 'Props' (reexported as 'Props') was not found in './TextField' (possible exports: Field, TextField, TextFieldInternal)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/TextField/index.mjs 1:0-88
export 'InternalProps' (reexported as 'InternalProps') was not found in './TextField' (possible exports: Field, TextField, TextFieldInternal)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 1:0-39
export 'Props' (reexported as 'Props') was not found in './Theme' (possible exports: Theme)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 4:0-54
export 'HslColorTuple' (reexported as 'HslColorTuple') was not found in '../../utilities/hsluv' (possible exports: Hsl, getYiqPerceivedBrightness, parseHsl, toRgb)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeConfiguration' (reexported as 'ThemeConfiguration') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeOptions' (reexported as 'ThemeOptions') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeSimpleBorderRadius' (reexported as 'ThemeSimpleBorderRadius') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBorderRadius' (reexported as 'ThemeBorderRadius') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeSimpleBorder' (reexported as 'ThemeSimpleBorder') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBorder' (reexported as 'ThemeBorder') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBorderColor' (reexported as 'ThemeBorderColor') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBorderStyle' (reexported as 'ThemeBorderStyle') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBorderWidth' (reexported as 'ThemeBorderWidth') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeLabelPosition' (reexported as 'ThemeLabelPosition') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBackground' (reexported as 'ThemeBackground') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeButtonStyle' (reexported as 'ThemeButtonStyle') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeSelectDisclosureIcon' (reexported as 'ThemeSelectDisclosureIcon') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeConstructor' (reexported as 'ThemeConstructor') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTypographySize' (reexported as 'ThemeTypographySize') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTypographyLetterCase' (reexported as 'ThemeTypographyLetterCase') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTypographyFonts' (reexported as 'ThemeTypographyFonts') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTypographyWeight' (reexported as 'ThemeTypographyWeight') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTypographyDecoration' (reexported as 'ThemeTypographyDecoration') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTypographyLineSize' (reexported as 'ThemeTypographyLineSize') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTypographyKerning' (reexported as 'ThemeTypographyKerning') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeThumbnailBadgeBackground' (reexported as 'ThemeThumbnailBadgeBackground') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeGiftCardStyle' (reexported as 'ThemeGiftCardStyle') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeMoneyLineInlineAlignment' (reexported as 'ThemeMoneyLineInlineAlignment') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBuyerJourney' (reexported as 'ThemeBuyerJourney') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBuyerJourneyNumberStyle' (reexported as 'ThemeBuyerJourneyNumberStyle') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBuyerJourneyPostion' (reexported as 'ThemeBuyerJourneyPostion') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeBuyerJourneyAlignment' (reexported as 'ThemeBuyerJourneyAlignment') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTypographyStyle' (reexported as 'ThemeTypographyStyle') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeAppearance' (reexported as 'ThemeAppearance') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeOptionsFormat' (reexported as 'ThemeOptionsFormat') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeSpacing' (reexported as 'ThemeSpacing') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTag' (reexported as 'ThemeTag') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeLoadingStyle' (reexported as 'ThemeLoadingStyle') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeThumbnailBadgePosition' (reexported as 'ThemeThumbnailBadgePosition') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeLineItemQuantityPosition' (reexported as 'ThemeLineItemQuantityPosition') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeErrorIndentation' (reexported as 'ThemeErrorIndentation') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTooltip' (reexported as 'ThemeTooltip') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeOpacity' (reexported as 'ThemeOpacity') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeSurfaceBackground' (reexported as 'ThemeSurfaceBackground') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeTextAlignment' (reexported as 'ThemeTextAlignment') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeOptionListBorder' (reexported as 'ThemeOptionListBorder') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeResourceListBorder' (reexported as 'ThemeResourceListBorder') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeResourceItemDivider' (reexported as 'ThemeResourceItemDivider') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeRadioCheckedStyle' (reexported as 'ThemeRadioCheckedStyle') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeRadioCheckedColor' (reexported as 'ThemeRadioCheckedColor') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeRadioSize' (reexported as 'ThemeRadioSize') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeColorStyle' (reexported as 'ThemeColorStyle') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeDuration' (reexported as 'ThemeDuration') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemePopoverConnector' (reexported as 'ThemePopoverConnector') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeDepth' (reexported as 'ThemeDepth') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Theme/index.mjs 5:0-1119
export 'ThemeDivider' (reexported as 'ThemeDivider') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Thumbnail/index.mjs 1:0-47
export 'Props' (reexported as 'Props') was not found in './Thumbnail' (possible exports: Thumbnail)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/ToggleButtonGroup/index.mjs 1:0-63
export 'Props' (reexported as 'Props') was not found in './ToggleButtonGroup' (possible exports: ToggleButtonGroup)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/ToggleButtonGroup/index.mjs 2:0-65
export 'ToggleButtonProps' (reexported as 'ToggleButtonProps') was not found in './ToggleButton' (possible exports: ToggleButton)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Tooltip/index.mjs 1:0-43
export 'Props' (reexported as 'Props') was not found in './Tooltip' (possible exports: Tooltip, TooltipArrow, TooltipContent)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/components/Truncate/index.mjs 1:0-45
export 'Props' (reexported as 'Props') was not found in './Truncate' (possible exports: Truncate)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/index.mjs 3:0-49
export 'AutocompleteDescriptor' (reexported as 'AutocompleteDescriptor') was not found in './types' (module has no exports)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/index.mjs 10:0-67
export 'FormDetails' (reexported as 'FormDetails') was not found in './utilities/forms' (possible exports: FormContext, useContainingForm)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/index.mjs 13:0-88
export 'HslColorString' (reexported as 'HslColorString') was not found in './utilities/hsluv' (possible exports: Hsl, getYiqPerceivedBrightness, parseHsl, toRgb)

ERROR in ./node_modules/@shopify/checkout-ui-react/build/esm/index.mjs 13:0-88
export 'HslColorTuple' (reexported as 'HslColorTuple') was not found in './utilities/hsluv' (possible exports: Hsl, getYiqPerceivedBrightness, parseHsl, toRgb)

webpack compiled with 127 errors
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

package.json:

{
  "name": "checkout-ui-test",
  "dependencies": {
    "@shopify/checkout-ui-react": "^0.6.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },
  "scripts": {
    "build": "webpack"
  },
  "devDependencies": {
    "@babel/core": "^7.19.0",
    "@babel/preset-env": "^7.12.7",
    "@babel/preset-react": "^7.12.7",
    "babel-loader": "^8.2.5",
    "clean-webpack-plugin": "^4.0.0",
    "tslib": "^2.4.0",
    "webpack": "^5.74.0",
    "webpack-cli": "^4.10.0"
  }
}

webpack.config.js:

const path = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const { addWebpackConfig } = require('@shopify/checkout-ui-react/webpack');

const dev = process.env.NODE_ENV !== 'production';

module.exports = addWebpackConfig(
  {
    target: 'web',
    mode: dev ? 'development' : 'production',
    entry: './src/index.js',
    devtool: false,
    plugins: [new CleanWebpackPlugin()],
    module: {
      rules: [
        {
          test: /\.mjs$/,
          resolve: {
            fullySpecified: false
          }
        },
        {
          test: /\.js/,
          include: path.resolve(__dirname, 'src'),
          exclude: /(node_modules|dist)/,
          use: [
            {
              loader: 'babel-loader',
              options: {
                babelrc: false,
                presets: ['@babel/preset-env', '@babel/preset-react']
              }
            }
          ]
        }
      ]
    },
    stats: 'errors-warnings'
  },
  {
    preact: false
  }
);

index.js:

import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { Context } from '@shopify/checkout-ui-react/ui-extensions';
import { BlockStack, Button } from '@shopify/checkout-ui-react';

const App = () => {
  const [content, setContent] = useState('Content');

  return (
    <BlockStack spacing="loose">
      {content}
      <Button
        onPress={() => {
          setContent("You've clicked!");
        }}
      >
        Click me!
      </Button>
    </BlockStack>
  );
};

ReactDOM.render(
  <Context>
    <App />
  </Context>,
  document.getElementById('root')
);
chaddjohnson commented 2 years ago

Nevermind! Modifying the "mjs" webpack rule as follows solved this:

{
  test: /\.mjs$/,
  type: 'javascript/auto',  // added this line
  resolve: {
    fullySpecified: false
  }
}