title: Im getting CSS and JS not found laravel 9 app
body: <p>I'm trying to add a custom UI to my Laravel 9 app. So I'm adding extra CSS and JS files to my app.blade.php But looks like its not loading properly.</p>
  <p><a href="https://i.stack.imgur.com/XQi68.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XQi68.png" alt="enter image description here" /></a></p>
  <p>As you can see <a href="http://127.0.0.1:8000/css/tailwind.output.css" rel="nofollow noreferrer">http://127.0.0.1:8000/css/tailwind.output.css</a>  and <a href="http://127.0.0.1:8000/js/init-alpine.js" rel="nofollow noreferrer">http://127.0.0.1:8000/js/init-alpine.js</a>  files not loaded. But when i check default <a href="http://127.0.0.1:8000/css/app.css" rel="nofollow noreferrer">http://127.0.0.1:8000/css/app.css</a> file. Its working. But both of these files resides in the same location, which is resources/css/ and resources/js/ folders. Why those custom css and js files not loaded.</p>
  <p><a href="https://i.stack.imgur.com/BKU5q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BKU5q.png" alt="enter image description here" /></a></p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html :class=&quot;{ 'theme-dark': dark }&quot; x-data=&quot;data()&quot; lang=&quot;{{ str_replace('_', '-', app()-&gt;getLocale()) }}&quot;&gt;
      &lt;head&gt;
          &lt;meta charset=&quot;utf-8&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
          &lt;meta name=&quot;csrf-token&quot; content=&quot;{{ csrf_token() }}&quot;&gt;
  
          &lt;!-- Fonts --&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&amp;display=swap&quot;&gt;
  
          &lt;!-- Styles --&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;{{ mix('css/app.css') }}&quot;&gt;
  
        &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;display=swap&quot; rel=&quot;stylesheet&quot; /&gt;
       
        &lt;link rel=&quot;stylesheet&quot; href=&quot;{{ asset('css/tailwind.output.css') }}&quot;&gt;
  
        &lt;script src=&quot;https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js&quot;defer&gt;&lt;/script&gt;
       
       &lt;script src=&quot;{{ asset('js/init-alpine.js') }}&quot; defer&gt;&lt;/script&gt;
  
          @livewireStyles
  
          &lt;!-- Scripts --&gt;
          &lt;script src=&quot;{{ mix('js/app.js') }}&quot; defer&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body class=&quot;font-sans antialiased&quot;&gt;
          &lt;x-jet-banner /&gt;
  
          &lt;div class=&quot;min-h-screen bg-gray-100&quot;&gt;
              @livewire('navigation-menu')
  
              &lt;!-- Page Heading --&gt;
              @if (isset($header))
                  &lt;header class=&quot;bg-white shadow&quot;&gt;
                      &lt;div class=&quot;max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8&quot;&gt;
                          {{ $header }}
                      &lt;/div&gt;
                  &lt;/header&gt;
              @endif
  
              &lt;!-- Page Content --&gt;
              &lt;main&gt;
                  {{ $slot }}
              &lt;/main&gt;
          &lt;/div&gt;
  
          @stack('modals')
  
          @livewireScripts
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>I'm using tailwind CSS, livewire, jetstream and Laravel 9</p>