Web Bundling complete 5275ms
./node_modules/tamagui/dist/esm/views/Circle.js 11:36
Module parse failed: Unexpected token (11:36)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| "...size": (size, { tokens }) => {
| return {
> width: tokens.size[size] ?? size,
| height: tokens.size[size] ?? size
| };
./node_modules/tamagui/dist/esm/views/LinearGradient.js 12:56
Module parse failed: Unexpected token (12:56)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| const [pseudoAngle, setPseudoAngle] = useState(0);
| const layoutProps = useLayout();
> const { width = 1, height = 1 } = layoutProps.layout ?? {};
| useIsomorphicLayoutEffect(() => {
| const getControlPoints = /* @__PURE__ */ __name(() => {
./node_modules/@tamagui/core/dist/esm/hooks/useMedia.js 15:27
Module parse failed: Unexpected token (15:27)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }, "addMediaQueryListener");
| const removeMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
> mediaQueryListeners[key]?.delete(cb);
| }, "removeMediaQueryListener");
| let conf = null;
./node_modules/tamagui/dist/esm/helpers/getFontSize.js 17:26
Module parse failed: Unexpected token (17:26)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }
| const tokens = getTokens();
> return tokens.font[opts?.font || "$body"].size[token];
| }, "getFontSizeVariable");
| const getFontSizeToken = /* @__PURE__ */ __name((inSize, opts) => {
./node_modules/@tamagui/core/dist/esm/helpers/themeable.js 20:46
Module parse failed: Unexpected token (20:46)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }, "WithTheme"));
| const withTheme = withThemeComponent;
> withTheme.displayName = `Themed(${component?.displayName || component?.name || "Anonymous"})`;
| return withTheme;
| }, "graphql");
./node_modules/tamagui/dist/esm/views/SafeAreaProvider.js 24:42
Module parse failed: Unexpected token (24:42)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }
| return /* @__PURE__ */ React.createElement(RNSafeAreaProvider, {
> initialMetrics: initialWindowMetrics ?? defaultMetrics
| }, children);
| }, "SafeAreaProvider");
./node_modules/@tamagui/core/dist/esm/hooks/useTheme.js 25:19
Module parse failed: Unexpected token (25:19)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| useIsomorphicLayoutEffect(() => {
| return parent.onChangeTheme((next, manager) => {
> setName(opts?.parent ? manager.parentName : next);
| });
| }, [parent]);
./node_modules/tamagui/dist/esm/views/InteractiveFrame.js 25:45
Module parse failed: Unexpected token (25:45)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| "...size": (val = "4", { tokens, props }) => {
| const sizeIndex = Object.keys(tokens.size).indexOf(val);
> const size = tokens.size[sizeIndex] ?? tokens.size[val] ?? val;
| const px = Math.round(+(size instanceof Variable ? size.val : size) * 0.8);
| const py = Math.round(+(size instanceof Variable ? size.val : size) * 0.33);
./node_modules/tamagui/dist/esm/hooks/useLayout.js 27:23
Module parse failed: Unexpected token (27:23)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }
| if (next) {
> props.onLayout?.({ nativeEvent: { layout: next } });
| last = next;
| return next;
./node_modules/tamagui/dist/esm/views/HoverablePopover.js 29:27
Module parse failed: Unexpected token (29:27)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| cancelAll();
| set(false);
> hoverableRef.current?.close();
| }
| }));
./node_modules/tamagui/dist/esm/views/Transitions/Transition.js 31:23
Module parse failed: Unexpected token (31:23)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }
| if (key in transformStylesMap) {
> styles.transform?.push({
| [key]: animateValue.interpolate({
| inputRange: [0, 1],
./node_modules/@tamagui/core/dist/esm/helpers/extendStaticConfig.js 31:39
Module parse failed: Unexpected token (31:39)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| variants,
| isText: config.isText || parent.staticConfig.isText || false,
> neverFlatten: config.neverFlatten ?? parent.staticConfig.neverFlatten,
| ensureOverriddenProp: config.ensureOverriddenProp ?? parent.staticConfig.ensureOverriddenProp,
| validStyles: config.validStyles ? {
./node_modules/tamagui/dist/esm/views/Button.js 32:18
Module parse failed: Unexpected token (32:18)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| return /* @__PURE__ */ React.createElement(InteractiveFrame, {
| size,
> space: space ?? getSpaceSize(size, -3),
| ref,
| ...rest
./node_modules/tamagui/dist/esm/views/Popover/Popover.js 32:19
Module parse failed: Unexpected token (32:19)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| defaultValue: defaultIsOpen,
| onChange: (value) => {
> onChangeOpen?.(value);
| value ? onOpen && onOpen() : onClose && onClose();
| }
./node_modules/tamagui/dist/esm/views/Hoverable.js 34:16
Module parse failed: Unexpected token (34:16)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| useEffect(() => {
| if (isActive) {
> onHoverIn?.();
| } else {
| onHoverOut?.();
./node_modules/@tamagui/use-debounce/dist/esm/index.js 35:23
Module parse failed: Unexpected token (35:23)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| useEffect(() => {
| return () => {
> dbEffect.current?.cancel();
| };
| }, []);
./node_modules/tamagui/dist/esm/views/Toast.js 36:45
Module parse failed: Unexpected token (36:45)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| useEffect(() => {
| return () => {
> clearTimeout(stateRef.current.timeout ?? 0);
| };
| }, []);
./node_modules/@tamagui/core/dist/esm/constants/platform.js 3:69
Module parse failed: Unexpected token (3:69)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import { useEffect, useLayoutEffect } from "react";
| import { Platform } from "react-native";
> const isWeb = process.env.TAMAGUI_TARGET === "web" ? true : Platform?.OS === "web";
| const isSSR = isWeb && typeof window === "undefined";
| const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
./node_modules/@tamagui/core/dist/esm/helpers/getStylesAtomic.js 42:63
Module parse failed: Unexpected token (42:63)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| for (const key in borderDefaults) {
| if (key in style) {
> style[borderDefaults[key]] = style[borderDefaults[key]] ?? "solid";
| }
| }
./node_modules/@tamagui/core/dist/esm/views/Theme.js 56:33
Module parse failed: Unexpected token (56:33)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }
| if (name) {
> const color = themes[name]?.["color"]?.["variable"];
| return /* @__PURE__ */ React.createElement("div", {
| className: getThemeParentClassName(props.name),
./node_modules/@tamagui/core/dist/esm/helpers/isTamaguiElement.js 5:63
Module parse failed: Unexpected token (5:63)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import { isValidElement } from "react";
| const isTamaguiElement = /* @__PURE__ */ __name((child) => {
> return isValidElement(child) && !!child.type["staticConfig"]?.parsed;
| }, "isTamaguiElement");
| export {
./node_modules/@tamagui/core/dist/esm/createComponent.js 61:39
Module parse failed: Unexpected token (61:39)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }
| const { Component, validStyles, isText, isZStack } = staticConfig;
> const validStyleProps = validStyles ?? stylePropsView;
| let defaultProps = null;
| let tamaguiConfig;
./node_modules/@tamagui/core/dist/esm/views/TextAncestorContext.js 6:32
Module parse failed: Unexpected token (6:32)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import { rnw } from "../constants/rnw";
| const FallbackNativeContext = createContext(false);
> const TextAncestorContext = rnw?.TextAncestorContext ?? FallbackNativeContext;
| const TextAncestorProvider = /* @__PURE__ */ __name((props) => {
| return /* @__PURE__ */ React.createElement(TextAncestorContext.Provider, {
./node_modules/@tamagui/core/dist/esm/createTamagui.js 71:80
Module parse failed: Unexpected token (71:80)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| if (isWeb) {
| const val = theme[themeKey];
> const varName = val instanceof Variable ? val.name : varsByValue[val]?.name;
| vars += `--${themeKey}:${varName ? `var(--${varName});` : `${val}`};`;
| }
When building for iOS it works just fine.