404 on bin/vite dev

[notturingtested]

Hello everyone! I am new to ruby , vue and vite. I had a small project in ruby with vue that I am trying to get working in vite. I had it all working separated, but when I put it all together I can't get my vue code to serve. I created this repository to see if anyone could help me, you can find it here: https://github.com/notturingtested/notabee. if you run docker-compose up at the root of the project, the application will start, but once it is all booted, if you go to localhost:3036 you just get a 404. Could anyone help me trouble shoot my configuration? Thank you!

[jitingcn]

You might need to add server: { fs: { strict: false } }, to vite.config.ts
I got an error after updrade to vite 2.6.5 recently.

Unrestricted file system access to "/entrypoints/application.js"
For security concerns, accessing files outside of serving allow list will be restricted by default in the future version of Vite. Refer to https://vitejs.dev/config/#server-fs-allow for more details.

[ElMassimo]

@notturingtested You should not visit the Vite dev server, in Vite Ruby projects it's only used to serve assets. Visit the Rails server instead.

A few things I noticed:

• Your entrypoint is not mounting the Vue application, you do that in app/frontend/main.js, but it's not imported. Move the content to entrypoints/application.js or import ~/main from there.
• The application.html.erb layout is still using the webpacker tags

[ElMassimo]

Which version of vite-plugin-ruby is installed?

In recent releases, fs.allow is set by the plugin.

[jitingcn]

Seem like I forgot to update node_module, now it worked. Thanks!

[ElMassimo]

Cool! Recent versions of Vite Ruby include a bin/vite upgrade command that you can use to upgrade the gems, the plugin, and vite all at once.

[notturingtested]

I copied everything from main.js to application.js, but I still cant see App.vue, just the "Yay! You’re on Rails!" page.

[ElMassimo]

That's because the app doesn't have a / route.

Try visiting /notes, and notice there aren't any views for the notes controller.