Closed npenner closed 3 months ago
alexanderniebuhr
commented
4 months ago That error looks like an environment variable issue, so you might need to add the missing env var __VUE_PROD_DEVTOOLS__ in Cloudflare dashboard: https://developers.cloudflare.com/pages/configuration/build-configuration/#environment-variables.
However I'm a bit confused why it want's that variable, are you using that variable?
npenner
commented
4 months ago I actually already tried setting it via CF env variables without any success. Same error at the same point. I am not using the var in my project. While trying to find a solution i stumbled across this info: https://vuejs.org/api/compile-time-flags.html Seems like a relevant piece of information since i have a vue component in my project. But then again here it states that vite provides default values for these flags: https://vuejs.org/api/compile-time-flags.html#vite
So no real progress there ...
alexanderniebuhr
commented
4 months ago Please share a minimal reproduction or open a support thread on Discord
bluwy
commented
4 months ago npenner
commented
4 months ago @alexanderniebuhr I will try to setup a minimal reproduction asap. Might take a day though due to other projects. Thanks so far.
npenner
commented
4 months ago @alexanderniebuhr I've setup basically a copy of the project at codesandbox. The project is a frontend to a headless wordpress. Since it is a client project i had to clear some info and cannot actually connect the source CMS. So the fetch fails due to the missing urls / env vars.
But you should get the idea and scope of the project and maybe this helps. https://codesandbox.io/p/devbox/astro-frontend-36g7px
Let me know if there is anything else i can provide. Thanks again for looking into this.
p.s. please keep in mind this is work in progress and i am pretty new to astro :)
alexanderniebuhr
commented
4 months ago I hope you're doing well! I truly appreciate you taking the time to share your project with us. It's clear you've put a lot of effort into it, and that really shines through. 😊
While the project you shared is comprehensive, we find that starting with a more minimal example often helps us get to the root of the problem more efficiently. Would you be able to set up a minimal version of your project using an empty Astro project from https://astro.new/? This way, you can include just the essential elements needed to replicate the issue—likely just the Cloudflare adapter, the Vue Integration, and one Vue component.
Creating this minimal reproducible example helps us immensely as it allows us maintainers to focus directly on the issue without the complexity of the full project. I understand it might feel like an extra step, but it genuinely makes a huge difference in how quickly and effectively we can offer support and solutions.
If you need any guidance on how to set this up or if you have any questions, please don't hesitate to reach out in Discord. We're here to help, and we want to make sure your experience is as smooth and enjoyable as possible.
npenner
commented
4 months ago Sure. I guess this would be this. https://stackblitz.com/edit/github-sn3uou
alexanderniebuhr
commented
4 months ago That's an interesting issue.. I can reproduce it now, thanks for submitting!
npenner
commented
4 months ago @alexanderniebuhr fyi, maybe it helps i just deployed the completely same app to vercel successfully. just the basic config:
import { defineConfig } from 'astro/config';
import tailwind from '@astrojs/tailwind';
import vue from '@astrojs/vue';
import vercelServerless from '@astrojs/vercel/serverless';
// https://astro.build/config
export default defineConfig({
output: 'server',
adapter: vercelServerless(),
integrations: [tailwind(), vue()]
});i needed an alternative because of the projects timing.
alexanderniebuhr
commented
4 months ago Thank you. I'm sorry for the delay, but this would be fixed with v10 only and I don't have an ETA on that
npenner
commented
4 months ago No worries. I am using free software here, so all i can be is grateful anyway!
Astro Info
Describe the Bug
When i try to deploy my project to Cloudflare Pages following the docs the whole build runs fine but when it gets uploaded i get an error from a functionsWorker. Now this might be rather Cloudflare related because the build itself is running fine but i thought i can ask here since i am using the cloudflare adapter which other people use as well and my app is pretty basic. I am using one .vue-Component inside the Astro project.
I am new to Cloudflare pages and this is my first time using server mode / SSR with Astro. This might be a problem of my understanding how this whole thing works.
This is my package.json
And my astro.config.mjs
I already tried to add different versions of this to the astro config:
with no success.
This is the cloudflare build protocol:
Any help or hints much appreciated.
What's the expected result?
Expected result would be a successful build/deploy.
Link to Minimal Reproducible Example
...
Participation