Snowpack doesn't work with Fluent UI

[joelspadin]

I've run into the same problem described at #3206. I used @snowpack/app-template-react-typescript to create the project, then added a few components from @fluentui/react to my app, and now when using snowpack dev I get this error:

Uncaught SyntaxError: The requested module '/_snowpack/pkg/@fluentui.date-time-utilities.lib.dateMath.dateMath.v8.1.2.js' does not provide an export named 'BaseExtendedPeoplePicker'

Code generated by snowpack build has no such problems, so I can test my app, but that negates the point of using Snowpack at all.

The generated @fluentui.react.v8.18.0.js file contains this bizarre import, which is attempting to import a massive number of things that do exist within @fluentui/react, but not from the script it's trying to import them from:

export { BaseExtendedPeoplePicker, BaseExtendedPicker, BaseFloatingPeoplePicker, BaseFloatingPicker, BasePeoplePicker, BasePeopleSelectedItemsList, BasePicker, BasePickerListBelow, BaseSelectedItemsList, BaseSlots, CheckboxVisibility, CollapseAllVisibility, ColorPickerGridCell, ColorPickerGridCellBase, ColumnActionsMode, ColumnDragEndLocation, CompactPeoplePicker, CompactPeoplePickerBase, ConstrainMode, DATAKTP_ARIA_TARGET, DATAKTP_EXECUTE_TARGET, DATAKTP_TARGET, DEFAULT_CELL_STYLE_PROPS, DEFAULT_MASK_CHAR, DEFAULT_ROW_HEIGHTS, DetailsColumnBase, DetailsHeader, DetailsHeaderBase, DetailsList, DetailsListBase, DetailsListLayoutMode, DetailsRow, DetailsRowBase, DetailsRowCheck, DetailsRowFields, DetailsRowGlobalClassNames, Dialog, DialogBase, DialogContent, DialogContentBase, DialogFooter, DialogFooterBase, DialogType, DocumentCard, DocumentCardActions, DocumentCardActivity, DocumentCardDetails, DocumentCardImage, DocumentCardLocation, DocumentCardLogo, DocumentCardPreview, DocumentCardStatus, DocumentCardTitle, DocumentCardType, DragDropHelper, Dropdown, DropdownBase, DropdownMenuItemType, ExpandingCard, ExpandingCardBase, ExpandingCardMode, ExtendedPeoplePicker, ExtendedSelectedItem, Fabric, FabricBase, FabricSlots, Facepile, FacepileBase, FloatingPeoplePicker, FocusTrapZone, FontIcon, GroupFooter, GroupHeader, GroupShowAll, GroupSpacer, GroupedList, GroupedListBase, GroupedListSection, HoverCard, HoverCardBase, HoverCardType, Icon, IconBase, IconType, Image, ImageBase, ImageCoverStyle, ImageFit, ImageIcon, ImageLoadState, KTP_ARIA_SEPARATOR, KTP_FULL_PREFIX, KTP_LAYER_ID, KTP_PREFIX, KTP_SEPARATOR, KeyboardSpinDirection, Keytip, KeytipData, KeytipEvents, KeytipLayer, KeytipLayerBase, KeytipManager, Label, LabelBase, Layer, LayerBase, LayerHost, Link, LinkBase, List, ListPeoplePicker, ListPeoplePickerBase, MarqueeSelection, MaskedTextField, MeasuredContext, MemberListPeoplePicker, MessageBar, MessageBarBase, MessageBarType, Modal, ModalBase, Nav, NavBase, NormalPeoplePicker, NormalPeoplePickerBase, OpenCardMode, OverflowButtonType, OverflowSet, OverflowSetBase, Overlay, OverlayBase, Panel, PanelBase, PanelType, PeoplePickerItem, PeoplePickerItemBase, PeoplePickerItemSuggestion, PeoplePickerItemSuggestionBase, Persona, PersonaBase, PersonaCoin, PersonaCoinBase, PersonaInitialsColor, PersonaPresence, PersonaSize, Pivot, PivotBase, PivotItem, PivotLinkFormat, PivotLinkSize, PlainCard, PlainCardBase, Popup, Position, PositioningContainer, ProgressIndicator, ProgressIndicatorBase, Rating, RatingBase, RatingSize, RectangleEdge, ResizeGroup, ResizeGroupBase, ResizeGroupDirection, ResponsiveMode, SELECTION_CHANGE, ScrollToMode, ScrollablePane, ScrollablePaneBase, ScrollablePaneContext, ScrollbarVisibility, SearchBox, SearchBoxBase, SelectAllVisibility, SelectableOptionMenuItemType, SelectedPeopleList, Selection, SelectionDirection, SelectionMode, SelectionZone, SemanticColorSlots, Separator, SeparatorBase, Shimmer, ShimmerBase, ShimmerCircle, ShimmerCircleBase, ShimmerElementType, ShimmerElementsDefaultHeights, ShimmerElementsGroup, ShimmerElementsGroupBase, ShimmerGap, ShimmerGapBase, ShimmerLine, ShimmerLineBase, ShimmeredDetailsList, ShimmeredDetailsListBase, Slider, SliderBase, SpinButton, Spinner, SpinnerBase, SpinnerSize, SpinnerType, Stack, StackItem, Sticky, StickyPositionType, SuggestionActionType, SuggestionItemType, Suggestions, SuggestionsControl, SuggestionsController, SuggestionsCore, SuggestionsHeaderFooterItem, SuggestionsItem, SuggestionsStore, SwatchColorPicker, SwatchColorPickerBase, TagItem, TagItemBase, TagItemSuggestion, TagItemSuggestionBase, TagPicker, TagPickerBase, TeachingBubble, TeachingBubbleBase, TeachingBubbleContent, TeachingBubbleContentBase, Text, TextField, TextFieldBase, TextStyles, TextView, ThemeContext, ThemeGenerator, ThemeProvider, Toggle, ToggleBase, Tooltip, TooltipBase, TooltipDelay, TooltipHost, TooltipHostBase, TooltipOverflowMode, ValidationState, VerticalDivider, WeeklyDayPicker, buildColumns, buildKeytipConfigMap, constructKeytip, createGenericItem, createItem, defaultWeeklyDayPickerNavigationIcons, defaultWeeklyDayPickerStrings, getAllSelectedOptions, getAriaDescribedBy, getBoundsFromTargetWindow, getDetailsRowStyles, getFontIcon, getIconContent, getInitialResponsiveMode, getMaxHeight, getMeasurementCache, getNextResizeGroupStateProvider, getOppositeEdge, getPersonaInitialsColor, getResponsiveMode, initializeResponsiveMode, isRelativeUrl, ktpTargetFromId, ktpTargetFromSequences, makeStyles, mergeOverflows, personaPresenceSize, personaSize, positionCallout, positionCard, positionElement, presenceBoolean, sequencesToID, setResponsiveMode, sizeBoolean, sizeToPixels, themeRulesStandardCreator, transitionKeysAreEqual, transitionKeysContain, useHeightOffset, useKeytipRef, useResponsiveMode, useTheme, withResponsiveMode } from '/_snowpack/pkg/@fluentui.date-time-utilities.lib.dateMath.dateMath.v8.1.2.js';

I noticed that node_modules/@fluentui/react/lib/index.js consists of many export * from './<module>'; statements, and it looks like it would be exporting many of the things that appear in the import statement above. Snowpack might be somehow remapping all the things that @fluentui/react should be importing from other files in that module to @fluentui.date-time-utilities/lib/dateMath/dateMath.js?

What can I do to help debug this?