Comments (3)
wow. <1hr from open issue to a new release with the fix. incredible.
I have been trying to find something to replace native-base... this feels like night and day difference.
Thank you! Excited to get into this more.
from tamagui.
Reproduced on an existing project, also on a newly cloned project.
Persists after a clean:
rm -rf .expo .yarn .tamagui bun.lockb node_modules
bun install
bun start
SyntaxError: /Users/paul/code/tamagui.css: Unexpected token (1:0)
> 1 | ._ovs-contain {overscroll-behavior:contain;}
| ^
2 | .is_Text .is_Text {display:inline-flex;}
3 | ._dsp_contents {display:contents;}
4 | :root { --color-1:hsl(206, 100%, 99.2%); --color-2:hsl(210, 100%, 98.0%); --color-3:hsl(209, 100%, 96.5%); --color-4:hsl(210, 98.8%, 94.0%); --color-5:hsl(209, 95.0%, 90.1%); --color-6:hsl(209, 81.2%, 84.5%); --color-7:hsl(208, 77.5%, 76.9%); --color-8:hsl(206, 81.9%, 65.3%); --color-9:hsl(206, 100%, 50.0%); --color-10:hsl(208, 100%, 47.3%); --color-11:hsl(211, 100%, 43.2%); --color-12:hsl(211, 100%, 15.0%); --color-13:hsl(0, 0%, 99.0%); --color-14:hsl(0, 0%, 97.3%); --color-15:hsl(0, 0%, 95.1%); --color-16:hsl(0, 0%, 93.0%); --color-17:hsl(0, 0%, 90.9%); --color-18:hsl(0, 0%, 88.7%); --color-19:hsl(0, 0%, 85.8%); --color-20:hsl(0, 0%, 78.0%); --color-21:hsl(0, 0%, 56.1%); --color-22:hsl(0, 0%, 52.3%); --color-23:hsl(0, 0%, 43.5%); --color-24:hsl(0, 0%, 9.0%); --color-25:hsl(136, 50.0%, 98.9%); --color-26:hsl(138, 62.5%, 96.9%); --color-27:hsl(139, 55.2%, 94.5%); --color-28:hsl(140, 48.7%, 91.0%); --color-29:hsl(141, 43.7%, 86.0%); --color-30:hsl(143, 40.3%, 79.0%); --color-31:hsl(146, 38.5%, 69.0%); --color-32:hsl(151, 40.2%, 54.1%); --color-33:hsl(151, 55.0%, 41.5%); --color-34:hsl(152, 57.5%, 37.6%); --color-35:hsl(153, 67.0%, 28.5%); --color-36:hsl(155, 40.0%, 14.0%); --color-37:hsl(24, 70.0%, 99.0%); --color-38:hsl(24, 83.3%, 97.6%); --color-39:hsl(24, 100%, 95.3%); --color-40:hsl(25, 100%, 92.2%); --color-41:hsl(25, 100%, 88.2%); --color-42:hsl(25, 100%, 82.8%); --color-43:hsl(24, 100%, 75.3%); --color-44:hsl(24, 94.5%, 64.3%); --color-45:hsl(24, 94.0%, 50.0%); --color-46:hsl(24, 100%, 46.5%); --color-47:hsl(24, 100%, 37.0%); --color-48:hsl(15, 60.0%, 17.0%); --color-49:hsl(322, 100%, 99.4%); --color-50:hsl(323, 100%, 98.4%); --color-51:hsl(323, 86.3%, 96.5%); --color-52:hsl(323, 78.7%, 94.2%); --color-53:hsl(323, 72.2%, 91.1%); --color-54:hsl(323, 66.3%, 86.6%); --color-55:hsl(323, 62.0%, 80.1%); --color-56:hsl(323, 60.3%, 72.4%); --color-57:hsl(322, 65.0%, 54.5%); --color-58:hsl(322, 63.9%, 50.7%); --color-59:hsl(322, 75.0%, 46.0%); --color-60:hsl(320, 70.0%, 13.5%); --color-61:hsl(280, 65.0%, 99.4%); --color-62:hsl(276, 100%, 99.0%); --color-63:hsl(276, 83.1%, 97.0%); --color-64:hsl(275, 76.4%, 94.7%); --color-65:hsl(275, 70.8%, 91.8%); --color-66:hsl(274, 65.4%, 87.8%); --color-67:hsl(273, 61.0%, 81.7%); --color-68:hsl(272, 60.0%, 73.5%); --color-69:hsl(272, 51.0%, 54.0%); --color-70:hsl(272, 46.8%, 50.3%); --color-71:hsl(272, 50.0%, 45.8%); --color-72:hsl(272, 66.0%, 16.0%); --color-73:hsl(359, 100%, 99.4%); --color-74:hsl(359, 100%, 98.6%); --color-75:hsl(360, 100%, 96.8%); --color-76:hsl(360, 97.9%, 94.8%); --color-77:hsl(360, 90.2%, 91.9%); --color-78:hsl(360, 81.7%, 87.8%); --color-79:hsl(359, 74.2%, 81.7%); --color-80:hsl(359, 69.5%, 74.3%); --color-81:hsl(358, 75.0%, 59.0%); --color-82:hsl(358, 69.4%, 55.2%); --color-83:hsl(358, 65.0%, 48.7%); --color-84:hsl(354, 50.0%, 14.6%); --color-85:hsl(60, 54.0%, 98.5%); --color-86:hsl(52, 100%, 95.5%); --color-87:hsl(55, 100%, 90.9%); --color-88:hsl(54, 100%, 86.6%); --color-89:hsl(52, 97.9%, 82.0%); --color-90:hsl(50, 89.4%, 76.1%); --color-91:hsl(47, 80.4%, 68.0%); --color-92:hsl(48, 100%, 46.1%); --color-93:hsl(53, 92.0%, 50.0%); --color-94:hsl(50, 100%, 48.5%); --color-95:hsl(42, 100%, 29.0%); --color-96:hsl(40, 55.0%, 13.5%); --color-97:hsl(212, 35.0%, 9.2%); --color-98:hsl(216, 50.0%, 11.8%); --color-99:hsl(214, 59.4%, 15.3%); --color-100:hsl(214, 65.8%, 17.9%); --color-101:hsl(213, 71.2%, 20.2%); --color-102:hsl(212, 77.4%, 23.1%); --color-103:hsl(211, 85.1%, 27.4%); --color-104:hsl(211, 89.7%, 34.1%); --color-105:hsl(206, 100%, 50.0%); --color-106:hsl(209, 100%, 60.6%); --color-107:hsl(210, 100%, 66.1%); --color-108:hsl(206, 98.0%, 95.8%); --color-109:hsl(0, 0%, 8.5%); --color-110:hsl(0, 0%, 11.0%); --color-111:hsl(0, 0%, 13.6%); --color-112:hsl(0, 0%, 15.8%); --color-113:hsl(0, 0%, 17.9%); --color-114:hsl(0, 0%, 20.5%); --color-115:hsl(0, 0%, 24.3%); --color-116:hsl(0, 0%, 31.2%); --color-117:hsl(0, 0%, 43.9%); --color-118:hsl(0, 0%, 49.4%); --color-119:hsl(0, 0%, 62.8%); --color-120:hsl(0, 0%, 93.0%); --color-121:hsl(146, 30.0%, 7.4%); --color-122:hsl(155, 44.2%, 8.4%); --color-123:hsl(155, 46.7%, 10.9%); --color-124:hsl(154, 48.4%, 12.9%); --color-125:hsl(154, 49.7%, 14.9%); --color-126:hsl(154, 50.9%, 17.6%); --color-127:hsl(153, 51.8%, 21.8%); --color-128:hsl(151, 51.7%, 28.4%); --color-129:hsl(151, 55.0%, 41.5%); --color-130:hsl(151, 49.3%, 46.5%); --color-131:hsl(151, 50.0%, 53.2%); --color-132:hsl(137, 72.0%, 94.0%); --color-133:hsl(30, 70.0%, 7.2%); --color-134:hsl(28, 100%, 8.4%); --color-135:hsl(26, 91.1%, 11.6%); --color-136:hsl(25, 88.3%, 14.1%); --color-137:hsl(24, 87.6%, 16.6%); --color-138:hsl(24, 88.6%, 19.8%); --color-139:hsl(24, 92.4%, 24.0%); --color-140:hsl(25, 100%, 29.0%); --color-141:hsl(24, 94.0%, 50.0%); --color-142:hsl(24, 100%, 58.5%); --color-143:hsl(24, 100%, 62.2%); --color-144:hsl(24, 97.0%, 93.2%); --color-145:hsl(318, 25.0%, 9.6%); --color-146:hsl(319, 32.2%, 11.6%); --color-147:hsl(319, 41.0%, 16.0%); --color-148:hsl(320, 45.4%, 18.7%); --color-149:hsl(320, 49.0%, 21.1%); --color-150:hsl(321, 53.6%, 24.4%); --color-151:hsl(321, 61.1%, 29.7%); --color-152:hsl(322, 74.9%, 37.5%); --color-153:hsl(322, 65.0%, 54.5%); --color-154:hsl(323, 72.8%, 59.2%); --color-155:hsl(325, 90.0%, 66.4%); --color-156:hsl(322, 90.0%, 95.8%); --color-157:hsl(284, 20.0%, 9.6%); --color-158:hsl(283, 30.0%, 11.8%); --color-159:hsl(281, 37.5%, 16.5%); --color-160:hsl(280, 41.2%, 20.0%); --color-161:hsl(279, 43.8%, 23.3%); --color-162:hsl(277, 46.4%, 27.5%); --color-163:hsl(275, 49.3%, 34.6%); --color-164:hsl(272, 52.1%, 45.9%); --color-165:hsl(272, 51.0%, 54.0%); --color-166:hsl(273, 57.3%, 59.1%); --color-167:hsl(275, 80.0%, 71.0%); --color-168:hsl(279, 75.0%, 95.7%); --color-169:hsl(353, 23.0%, 9.8%); --color-170:hsl(357, 34.4%, 12.0%); --color-171:hsl(356, 43.4%, 16.4%); --color-172:hsl(356, 47.6%, 19.2%); --color-173:hsl(356, 51.1%, 21.9%); --color-174:hsl(356, 55.2%, 25.9%); --color-175:hsl(357, 60.2%, 31.8%); --color-176:hsl(358, 65.0%, 40.4%); --color-177:hsl(358, 75.0%, 59.0%); --color-178:hsl(358, 85.3%, 64.0%); --color-179:hsl(358, 100%, 69.5%); --color-180:hsl(351, 89.0%, 96.0%); --color-181:hsl(45, 100%, 5.5%); --color-182:hsl(46, 100%, 6.7%); --color-183:hsl(45, 100%, 8.7%); --color-184:hsl(45, 100%, 10.4%); --color-185:hsl(47, 100%, 12.1%); --color-186:hsl(49, 100%, 14.3%); --color-187:hsl(49, 90.3%, 18.4%); --color-188:hsl(50, 100%, 22.0%); --color-189:hsl(53, 92.0%, 50.0%); --color-190:hsl(54, 100%, 68.0%); --color-191:hsl(48, 100%, 47.0%); --color-192:hsl(53, 100%, 91.0%); --radius-1:0px; --radius-2:3px; --radius-3:5px; --radius-4:7px; --radius-5:9px; --radius-6:10px; --radius-7:16px; --radius-8:19px; --radius-9:22px; --radius-10:26px; --radius-11:34px; --radius-12:42px; --radius-13:50px; --radius-14:9px; --zIndex-1:0; --zIndex-2:100; --zIndex-3:200; --zIndex-4:300; --zIndex-5:400; --zIndex-6:500; --space-1:0px; --space-5:2px; --space-7:7px; --space-9:13px; --space-11:18px; --space-14:24px; --space-15:32px; --space-16:39px; --space-17:46px; --space-18:53px; --space-19:60px; --space-20:74px; --space-21:88px; --space-22:102px; --space-23:116px; --space-24:130px; --space-25:144px; --space-26:144px; --space-27:158px; --space-28:172px; --space-29:186px; --space-2:0.5px; --space-3:1px; --space-4:1.5px; --space-6:4px; --space-8:10px; --space-10:16px; --space-12:18px; --space-13:21px; --space-30:-0.5px; --space-31:-1px; --space-32:-1.5px; --space-33:-2px; --space-34:-4px; --space-35:-7px; --space-36:-10px; --space-37:-13px; --space-38:-16px; --space-39:-18px; --space-40:-18px; --space-41:-21px; --space-42:-24px; --space-43:-32px; --space-44:-39px; --space-45:-46px; --space-46:-53px; --space-47:-60px; --space-48:-74px; --space-49:-88px; --space-50:-102px; --space-51:-116px; --space-52:-130px; --space-53:-144px; --space-54:-144px; --space-55:-158px; --space-56:-172px; --space-57:-186px; --size-1:0px; --size-5:20px; --size-7:28px; --size-9:36px; --size-11:44px; --size-14:52px; --size-15:64px; --size-16:74px; --size-17:84px; --size-18:94px; --size-19:104px; --size-20:124px; --size-21:144px; --size-22:164px; --size-23:184px; --size-24:204px; --size-25:224px; --size-26:224px; --size-27:244px; --size-28:264px; --size-29:284px; --size-2:2px; --size-3:4px; --size-4:8px; --size-6:24px; --size-8:32px; --size-10:40px; --size-12:44px; --size-13:48px }
RCTFatal
__28-[RCTCxxBridge handleError:]_block_invoke
_dispatch_call_block_and_release
_dispatch_client_callout
_dispatch_main_queue_drain
_dispatch_main_queue_callback_4CF
__CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE__
__CFRunLoopRun
CFRunLoopRunSpecific
GSEventRunModal
-[UIApplication _run]
UIApplicationMain
main
start_sim
0x0
0x0
System Info:
System:
OS: macOS 14.3
CPU: (16) arm64 Apple M3 Max
Memory: 2.22 GB / 48.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 21.6.1 - ~/.nvm/versions/node/v21.6.1/bin/node
npm: 10.2.4 - ~/.nvm/versions/node/v21.6.1/bin/npm
bun: 1.0.25 - ~/.bun/bin/bun
Browsers:
Chrome: 121.0.6167.139
Safari: 17.3
npmPackages:
@babel/core: ^7.23.3 => 7.23.9
@expo/metro-runtime: 3.1.1 => 3.1.1
@react-navigation/native: ^6.0.2 => 6.1.9
@tamagui/config: ^1.88.20 => 1.88.20
@tamagui/lucide-icons: ^1.88.20 => 1.88.20
@tamagui/metro-plugin: ^1.88.20 => 1.88.20
@types/react: ~18.2.14 => 18.2.51
babel-preset-expo: ^10.0.1 => 10.0.1
expo: ^50.0.5 => 50.0.5
expo-font: ~11.10.2 => 11.10.2
expo-linking: ~6.2.1 => 6.2.2
expo-router: ~3.4.4 => 3.4.6
expo-splash-screen: ~0.26.3 => 0.26.4
expo-status-bar: ~1.11.1 => 1.11.1
expo-system-ui: ~2.9.3 => 2.9.3
expo-web-browser: ~12.8.1 => 12.8.2
prettier: ^3.2.4 => 3.2.4
react: ^18.2.0 => 18.2.0
react-dom: ^18.2.0 => 18.2.0
react-helmet-async: ~2.0.4 => 2.0.4
react-native: 0.73.2 => 0.73.2
react-native-safe-area-context: 4.8.2 => 4.8.2
react-native-screens: ~3.29.0 => 3.29.0
react-native-web: ^0.19.9 => 0.19.10
tamagui: ^1.88.20 => 1.88.20
from tamagui.
Wups just removed the css part thinking the that Metro handled that now, but I guess now. It's a bit odd, tried implementing a better thing but for now I'm just reverting. Should work with 1.88.21
from tamagui.
Related Issues (20)
- Popover incorrect positioning on iOS HOT 1
- how to build web production in expo-router starter HOT 1
- Button text color is not taken from theme HOT 1
- forceStyle is not working HOT 6
- Support for ESM imports in `vite-plugin` HOT 3
- React Native Expo Only ? HOT 2
- Starter expo-router not working HOT 1
- Accordion Inside Tabs (Beta) overflows HOT 3
- [WEB] Duplicated css classes for each Tamagui component HOT 11
- Switch bg props not working HOT 2
- React warning in ToggleGroup.Item with disablePassStyles
- The expo-router starter gets stuck when started & strange fix HOT 8
- Unable to directly use Tamagui colors for styling with React Native components HOT 1
- 'DISABLE_EXTRACTION' is not recognized as an internal or external command HOT 1
- No input found for id on checkbox component [ios] HOT 2
- Press style not removed when using disabled prop HOT 1
- Popover not anchoring properly to the trigger on web HOT 2
- tamagui suport RTL ??? HOT 5
- Tamagui create with vite/webpack misses expo-linear-gradient package HOT 4
- Unable to import static file (images) when using tamagui@latest
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tamagui.