无法在 Vite 清单中找到文件：resources/sass/app.scss

Question

我已经安装了 laravel 9 和 livewire。当我尝试从右上角打开登录或注册页面时，它显示此错误

你能告诉我一件事我该如何解决这个问题吗

Answer 1

对我来说是：当我在视图中使用时

@vite(['resources/scss/style.scss'])

我必须在 vite.config.js 中添加相应的路径

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig(
{
    plugins: [
        laravel({
            input: [
                'resources/scss/style.scss',
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
});

请注意， npm run dev 仅用于本地使用/测试部署，您仍然应该使用 npm run build

Answer 2

请尝试在终端中运行：

npm run dev

如果这不能解决问题：

然后启动你的 scss/sass （无论你采取什么方式）

 sass --watch resources/sass/:resources/css/app.css --style compressed   

你用过Vite吗？如果是这样，转到您的根目录（vite.config.js）并取消注释

'resources/css/app.css',

然后转到 sass/scss 并进行一项编辑（例如单击空格键），然后保存。

如果您之前使用过 Vite，请在根目录中重新添加该行

 'resources/css/app.css'

我希望这对你有用。垃圾邮件“npm run dev”应该可以工作，但有时带有奇怪 CSS 的旧值会被推送到您的视图中，这就是为什么您需要在 sass/scss 文件中进行编辑然后保存。

祝你好运！