{"height":"190","categories":["React","CSS in JS","CSS","TypeScript","Vite"],"type":"rich","version":"1.0","provider_name":"Hatena Blog","description":"React TypeScript \u3067 CSS in JS \u3092\u66f8\u3051\u308b vanilla-extract \u3092 vite \u3067\u4f7f\u3046\u6642\u306e Tips \u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305f\u3060\u3051\u3060\u3068\u30a8\u30e9\u30fc\u306b\u306a\u308b $ npm i @vanilla-extract/css \u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305f\u3060\u3051\u72b6\u614b\u3067 style.css.ts \u306e\u3088\u3046\u306a\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3066\u4f7f\u304a\u3046\u3068\u3057\u3066\u3082\u4e0b\u8a18\u306e\u3088\u3046\u306a\u30a8\u30e9\u30fc\u306b\u306a\u308b => You may have created styles outside of a '.css.ts' context \u62e1\u5f35\u5b50 .css.ts \u3092\u8a8d\u8b58\u3059\u308b\u305f\u3081\u306b\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u5fc5\u8981 $ npm i -D @vanilla-e\u2026","provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/kikiki-kiki/","url":"https://chaika.hatenablog.com/entry/2023/03/18/083000","blog_url":"https://chaika.hatenablog.com/","title":"React TypeScript vanilla-extract \u3092 vite \u3067\u4f7f\u3046\u6642\u306e Tips","published":"2023-03-18 08:30:00","blog_title":"\u304b\u3082\u30e1\u30e2","image_url":"https://m.media-amazon.com/images/I/41M0uA96HSL._SL500_.jpg","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2023%2F03%2F18%2F083000\" title=\"React TypeScript vanilla-extract \u3092 vite \u3067\u4f7f\u3046\u6642\u306e Tips - \u304b\u3082\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_name":"kikiki-kiki","width":"100%"}