florian-lefebvre / astro-tailwind-config-viewer

Explore your Tailwind config visually directly in your browser while developing.
MIT License
10 stars 1 forks source link

After install, http://localhost:4321/_tailwind results in 404. #4

Closed jjaimealeman closed 4 months ago

jjaimealeman commented 4 months ago

Installed via pnpm on a fairly fresh install. pnpm astro add astro-tailwind-config-viewer

But resulted in 404 error.

image

image

/astro.config.mjs
import { defineConfig } from 'astro/config';
import tailwind from "@astrojs/tailwind";
import icon from "astro-icon";

import tailwindConfigViewer from "astro-tailwind-config-viewer";

// https://astro.build/config
export default defineConfig({
  integrations: [tailwind(), icon(), tailwindConfigViewer()]
});
/package.json
{
  "name": "website_v3",
  "type": "module",
  "version": "0.0.1",
  "scripts": {
    "dev": "astro dev",
    "start": "astro dev",
    "build": "astro check && astro build",
    "preview": "astro preview",
    "astro": "astro",
    "lint": "prettier --write \"**/*.{js,jsx,ts,tsx,md,mdx,astro}\""
  },
  "dependencies": {
    "@astrojs/check": "^0.6.0",
    "@astrojs/tailwind": "^5.1.0",
    "astro": "^4.8.3",
    "astro-icon": "^1.1.0",
    "astro-tailwind-config-viewer": "^2.0.0",
    "sharp": "^0.33.3",
    "tailwindcss": "^3.4.3",
    "typescript": "^5.4.5"
  },
  "devDependencies": {
    "@types/node": "^20.12.12",
    "eslint": "9.2.0",
    "eslint-plugin-astro": "^1.2.0",
    "prettier": "^3.2.5",
    "prettier-config-standard": "^7.0.0",
    "prettier-plugin-astro": "^0.13.0",
    "prettier-plugin-tailwindcss": "^0.5.14"
  }
}
florian-lefebvre commented 4 months ago

Can you create a minimal reproduction using https://astro.new/latest (stackblitz)? That would help me a lot

jjaimealeman commented 4 months ago

@florian-lefebvre

Can you believe this is my first time ever using stackblitz? 😄

So I started a new container and ran npx astro add astro-tailwind-config-viewer, accepted all defaults.

image

The file tailwind.config.msj did not exist so I just pasted in my own and restarted the dev server.

image

Same error amigo.

Not sure how to use stackblitz, but here is the URL https://stackblitz.com/edit/github-mzwbpb?file=src%2Fpages%2Findex.astro

florian-lefebvre commented 4 months ago

perfect thank you!

florian-lefebvre commented 4 months ago

Released in 2.0.1!

jjaimealeman commented 4 months ago

BRILLIANTLY DONE!!!

http://localhost:4321/_tailwind/favicon.ico still shows the Vue favicon, I love it!

Even shows me new color palette!

image


Issue closed my friend 👍🏽