无法在 Vite 清单中定位文件：

Question

我正在使用 Asset Bundling (Vite) 来显示我的 css 和 js 文件，但是我收到了这个错误

Unable to locate file in Vite manifest: resources/demo/demo.css.

地址末尾有一个点。

这是我的 vite.config.js

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

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

我在刀片中使用这段代码：

@vite(['resources/demo/demo.css'])

“laravel”：v9.30.1

PHP v8.1.6

“邀请”：“^3.0.0”

Answer 1

在你的 vite 配置文件中

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

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

运行此命令：npm run build

那么恭喜！