martrapp / astro-vtbot-website

Technical demos & Documentation for the 👜 Bag of Tricks ✨ for Astro's View Transitions. ⭐️ Please star to support this work!

Hi there 👋 I'm Martin!

I have often benefited from open source and am now happy to be able to give something back!
I am currently enjoying being a maintainer at https://github.com/withastro.

astro-vtbot-website's Issues

Cannot get dev script to run correctly

Describe the Bug

MacOS. Checked out 0600efd.

$ npm run dev

> [email protected] dev
> astro dev

10:34:59 [vite] Port 4321 is in use, trying another one...

 astro  v4.8.3 ready in 361 ms

┃ Local    http://localhost:4322/
┃ Network  use --host to expose

10:35:00 watching for file changes...
10:35:03 [200] / 8ms
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro/dist/runtime/client/dev-toolbar/entrypoint.js" is outside of Vite serving allow list.
10:35:03 [WARN] [vite]
- /home
- /home
- /Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/vite/dist/client

Refer to docs https://vitejs.dev/config/server-options.html#server-fs-allow for configurations and more details.

10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro/components/viewtransitions.css" is outside of Vite serving allow list.
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro/dist/runtime/client/dev-toolbar/entrypoint.js" is outside of Vite serving allow list.
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro/components/viewtransitions.css" is outside of Vite serving allow list.
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro/dist/virtual-modules/prefetch.js" is outside of Vite serving allow list.
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro-vtbot/components/loading-indicator.ts" is outside of Vite serving allow list.
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro-vtbot/components/css.ts" is outside of Vite serving allow list.
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro-vtbot/components/derive-css-selector.ts" is outside of Vite serving allow list.
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro/dist/virtual-modules/transitions-events.js" is outside of Vite serving allow list.
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro/dist/virtual-modules/transitions-types.js" is outside of Vite serving allow list.
10:35:03 [ERROR] [vite] The request url "/Users/levinkeller/coding/levino/astro-vtbot-website/node_modules/astro/dist/virtual-modules/transitions-router.js" is outside of Vite serving allow list.

When I open the page, the transition animations (for example from / to /demos) do not work.

What's the expected result?

There should be no vite errors. There should be nice transition animations.

Participation

• I am willing to submit a pull request for this issue.