Resources not on same port

@dwissmann Wait. It is only to compile once. The dev server is needed if you are going to be working with vue/inerita or similar. Otherwise you need to run npm run build after every little change.

Try running npm run dev again and see if it breaks again.

@dwissmann You can but I would think that you would go crazy after week. It is better to spend a bit of time getting the dev server working together with php artisan serve.

Now a weird thing I noticed is that your urls seem wrong. Can you show how you are adding the vite helper in your layout?

Something like this

@vite(['foobar.js'])

@Sinnbeck - again, I JUST installed a brand new environment and did not add any "vite helper" - shouldn't that be included in a brand new install / new build?

@dwissmann Oh! Is this is an existing project running mix instead of vite? Are you currently converting it to vite?

@Sinnbeck - no totally brand new - used a different Mac to have a new environment by following strictly all the docs.

@dwissmann Can you show your package.json? And also your layout file where you are loading vite/mix ?

@dwissmann Those both look correct. Can you get that error back you had before with the missing mix manifest, and then share the error (there is a share button on the error page)

Btw. You can format your code by adding ``` on the line before and after it

@dwissmann Yup. Check this link https://flareapp.io/share/w5BOdndm#F59

As you can see it has mix() in "resources/views/app.blade.php". That is the old js/css builder. I have no clue how that got into a new laravel install

Replace the two mix lines with

@vite(['resources/css/app.css', 'resources/js/app.js'])

Now it should start working

@Sinnbeck That is what I was wondering too but I thought it must be correct since I just created a brand new "vanilla" environment and created a new project.

So I replace following:

<link href="{{ mix('/css/app.css') }}" rel="stylesheet" />
    <script src="{{ mix('/js/app.js') }}" defer></script>

with

@vite(['resources/css/app.css', 'resources/js/app.js'])

then ran npm run build but there are js errors now

@dwissmann Great progress. So what are the errors?

@Sinnbeck here is the error:

app.b977315c.js:8 Uncaught (in promise) ReferenceError: require is not defined
    at resolve (app.b977315c.js:8:37267)
    at p (app.b977315c.js:8:36724)
    at ld (app.b977315c.js:8:36798)
    at app.b977315c.js:8:37252

@dwissmann Can you show the contents on your resources/js/app.js file ?

@Sinnbeck

import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/inertia-vue3'

createInertiaApp({
    resolve: name => require(`./Pages/${name}`),
    setup({ el, App, props, plugin }) {
        createApp({ render: () => h(App, props) })
            .use(plugin)
            .mount(el)
    },
})

@dwissmann That should have been

import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/inertia-vue3';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 
createInertiaApp({
  resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
  setup({ el, App, props, plugin }) {
    createApp({ render: () => h(App, props) })
      .use(plugin)
      .mount(el)
  },
});

https://laravel.com/docs/9.x/vite#inertia

@dwissmann Yeah I have no clue how it ended up in that state. What command did you run to get it started?

Personally I would do

composer create-project laravel/laravel my-super-project

@Sinnbeck - I have to edit this response - I used laravel new my-project

@dwissmann :D Well try it again, and see if those files look correct from the start :) Be aware that you might have gotten into trouble if you were following the guide on https://inertiajs.com/ as it is a bit dated.

@Sinnbeck will do and report back in a bit - thank you so much for your help so far

@dwissmann happy to help

@dwissmann yeah sadly it haven't been updated to vite yet. Use the laravel website I linked to above instead. And ask away if you have any problems