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

Question

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

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

Answer 1

请尝试在终端运行：

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 文件中进行编辑然后保存的原因。

祝你好运！

Answer 2

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

@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 3

如果你正在使用 css 并且你在使用 css 之后遇到了同样的错误 npm 运行构建：

无法在 Vite manifest 中找到文件：resources/css/app.css.

在我的例子中，我不得不改变 vite.config.js

laravel({
    input: [
        'resources/scss/app.scss',
        'resources/js/app.js',
    ],
    refresh: true,
})

到

laravel({
    input: [
        'resources/css/app.css',
        'resources/js/app.js',
    ],
    refresh: true,
})

让它发挥作用。