JetStream CSS和JS不起作用，显示@vite(['resources/css/app.css'，'resources/js/app.js'])

12 浏览
0 Comments

JetStream CSS和JS不起作用，显示@vite(['resources/css/app.css'，'resources/js/app.js'])

我在laravel 8上安装了livewire、laravel mix和jetstream。但是Jetstream的css和js不起作用，并在标题中显示了一个消息'@vite（['resources/css/app.css'，'resources/js/app.js']）'。

JetStream Output

App.blade.php


    
        
        
        
        {{ config('app.name', 'Laravel') }}
        
        
        
        @livewireStyles
        
        @vite(['resources/css/app.css', 'resources/js/app.js'])
    
    
        
            @livewire('navigation-menu')
            
            @if (isset($header))
                

                        {{ $header }}
                

            @endif
            
            

                {{ $slot }}
            

        @stack('modals')
        @livewireScripts

0

3 答案

0 Comments

JetStream CSS和JS不起作用，显示@vite(['resources/css/app.css'，'resources/js/app.js']）的问题的出现是因为使用较新版本的JetStream与旧版本的Laravel。

解决方法是去（app.blade.php，guest.blade.php）中删除如下代码：

（['resources/css/app.css'，'resources/js/app.js']）=> 删除这段代码，并添加以下代码：

顺便提一句，为什么要使用这个代码？

谢谢，对我有效...我认为这是因为使用较新版本的JetStream与旧版本的Laravel。

0
0 Comments

JetStream CSS和JS不起作用，并显示@vite(['resources/css/app.css'，'resources/js/app.js'）]这个问题出现的原因是VITE构建配置仅适用于Laravel 9及以上版本。如果我们将Breeze或Jetstream引入到低版本[低于Laravel 9]中，就会导致此问题，因为低版本具有Laravel Mix的配置。无论laravel的版本如何，Breeze和Jetstream默认使用VITE配置。

解决方法是更新Laravel版本至9以上，并且需要将本地PHP版本更新至8以上。

0
0 Comments

JetStream CSS和JS不起作用并显示@vite（['resources/css/app.css'，'resources/js/app.js' ]）的原因可能是由于以下原因之一：

1. 文件路径错误：CSS和JS文件的路径可能不正确，导致无法加载。请确保路径与实际文件的位置匹配。

2. 资源未正确加载：可能由于资源未正确加载而导致CSS和JS不起作用。请确保资源文件存在，并且服务器可以正确访问它们。

3. 缓存问题：浏览器缓存可能会导致CSS和JS文件未更新。尝试清除浏览器缓存并重新加载页面。

4. 依赖关系问题：可能由于依赖关系未正确设置而导致CSS和JS不起作用。请确保所有必需的依赖项已正确安装和配置。

要解决此问题，可以尝试以下方法之一：

1. 检查文件路径：确保CSS和JS文件的路径与实际文件的位置匹配。可以使用绝对路径或相对路径指定文件。

2. 确保资源正确加载：确保资源文件存在，并且可以通过浏览器访问它们。可以尝试通过直接在浏览器中访问CSS和JS文件的URL来验证。

3. 清除浏览器缓存：尝试清除浏览器缓存并重新加载页面以确保获取最新的CSS和JS文件。

4. 检查依赖关系：确保所有必需的依赖项已正确安装和配置。可以检查文档或相关资源以获取正确的依赖项列表和配置方法。

通过检查文件路径，确保资源正确加载，清除浏览器缓存和检查依赖关系，您应该能够解决JetStream CSS和JS不起作用的问题。

0