fix: vite is not loading

RoduanKD · Aug 7, 2022 · e217025 · e217025
1 parent a8035f1
commit e217025
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 46 deletions.
diff --git a/composer.json b/composer.json
@@ -10,7 +10,7 @@
         "laravel/framework": "^9.19",
         "laravel/sanctum": "^3.0",
         "laravel/tinker": "^2.7",
-        "laravel/ui": "^3.3",
+        "laravel/ui": "^4.0",
         "laraveldaily/larastarters": "^1.4"
     },
     "require-dev": {

diff --git a/package-lock.json b/package-lock.json
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
@@ -1,6 +1,5 @@
-
 // Tabler
 
 $assets-base: "../../../dist" !default;
 
-@import '~@tabler/core/src/scss/tabler';
+@import '@tabler/core/src/scss/tabler';
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
@@ -8,7 +8,7 @@
     <meta name="description" content="">
     <title>{{ config('app.name', 'Laravel') }}</title>
 
-    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+    @vite('resources/sass/app.scss')
 
     <!-- Custom styles for this Page-->
     @yield('custom_styles')
@@ -116,8 +116,7 @@ class="link-secondary">{{ config('app.name') }}</a>
     </div>
     </div>
 
-    <!-- Core plugin JavaScript-->
-    <script src="{{ asset('js/app.js') }}"></script>
+    @vite('resources/js/app.js')
 
     <!-- Page level custom scripts -->
     @yield('custom_scripts')

diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
@@ -8,7 +8,7 @@
     <meta name="description" content="">
     <title>{{ config('app.name', 'Laravel') }}</title>
 
-    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+    @vite('resources/sass/app.scss')
 </head>
 
 <body class="border-top-wide border-primary d-flex flex-column">
@@ -26,7 +26,7 @@
         </div>
     </div>
 
-    <script src="{{ asset('js/app.js') }}"></script>
+    @vite('resources/js/app.js')
 </body>
 
 </html>
diff --git a/vite.config.js b/vite.config.js
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
+import path from 'path';
 
 export default defineConfig({
     plugins: [
@@ -8,4 +9,9 @@ export default defineConfig({
             refresh: true,
         }),
     ],
+    resolve: {
+        alias: {
+            '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
+        }
+    },
 });