hernanponcetta
commented
8 months ago I've started encountering the same error after updating the Indie Stack from version 1.7 to 2.8. Any updates on this?
Open asciant opened 1 year ago
hernanponcetta
commented
8 months ago I've started encountering the same error after updating the Indie Stack from version 1.7 to 2.8. Any updates on this?
csalvador58
commented
8 months ago If your using vite, check to make sure your css imports have the ?url syntax. Seemed to fix my issue. https://remix.run/docs/en/main/future/vite#fix-up-css-imports-referenced-in-links
Rioba-Ian
commented
7 months ago If your using vite, check to make sure your css imports have the ?url syntax. Seemed to fix my issue. https://remix.run/docs/en/main/future/vite#fix-up-css-imports-referenced-in-links
Yeah, this solved my issue, if anyone else encounters this is how my root.tsx file looks after creating a remix app from the npx create-remix@latest, in the root.tsx
import {
Links,
LiveReload,
Meta,
Outlet,
Scripts,
ScrollRestoration,
} from "@remix-run/react";
import type { LinksFunction } from "@remix-run/node";
import styles from "./tailwind.css?url";
export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }];
export function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<Meta />
<Links />
</head>
<body>
{children}
<ScrollRestoration />
<Scripts />
<LiveReload />
</body>
</html>
);
}
export default function App() {
return <Outlet />;
}
Hope this helps.
ainzizou
commented
7 months ago @Rioba-Ian Thanks that solved my issue too.
sostenesapollo
commented
2 months ago import styles from "./tailwind.css?url";
Have you experienced this bug with the latest version of the template?
Yes
Steps to Reproduce
npx create-remix@latest --template remix-run/indie-stacknpm run devSourcestab.appgroup underlocalhost:3000<no source>- it appears to be a stylesheetThere will also be an error in the Terminal that you used to run
npm run dev:This seems to relate to the
TailwindSource Map that is created by EsBuild (I assume).The contents of
tailwind-H5XCNLFK.css.mapappears to also include a reference to the<no source>file, which may then result in the error:If you remove the Tailwind import from
root.tsxfile, it doesn't build these files and that removes the error from the build.This was a clean install of the Indie Stack. I noticed the issue on a few other apps that were started on the Indie stack some time ago, and tried a clean copy to see if it was something that I had accidentally done. It appears to be something else however.
Node 18
Expected Behavior
I would expect that the file didn't get included in the bundle. Although, I'm not sure what it does or if it will cause any major problems, beyond some annoying errors.
Actual Behavior
It is included and an error is thrown when accessing the DevTools.