如何在laravel+inertia+vue项目中使用vite-plugin-favicons-inject包？

Question

我尝试在 laravel+inertia+vue 项目中使用此代码。

我的 vit.config.js （在根文件夹中）：

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import vitePluginFaviconsInject from 'vite-plugin-favicons-inject';

export default defineConfig({
    plugins: [
        laravel({
            input: 'resources/js/app.js',
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
        vitePluginFaviconsInject('resources/img/logo/rosesefid.png'),
    ],
});

面临以下错误：

error during build:
Error: NO_FILES_FOUND
    at Object.closeBundle (C:\laragon2\www\alomoshaver\node_modules\vite-plugin-favicons-inject\dist\cjs\index.js:94:15)
    at file:///C:/laragon2/www/alomoshaver/node_modules/rollup/dist/es/shared/node-entry.js:24343:40
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Promise.all (index 0)
    at async PluginDriver.hookParallel (file:///C:/laragon2/www/alomoshaver/node_modules/rollup/dist/es/shared/node-entry.js:24271:9)
    at async Object.close (file:///C:/laragon2/www/alomoshaver/node_modules/rollup/dist/es/shared/node-entry.js:25573:13)
    at async build (file:///C:/laragon2/www/alomoshaver/node_modules/vite/dist/node/chunks/dep-ca21228b.js:44680:13)
    at async CAC.<anonymous> (file:///C:/laragon2/www/alomoshaver/node_modules/vite/dist/node/cli.js:813:9)

我还尝试了以下路径，但没有成功并且出现相同的错误：

../img/logo/rosesefid.png

./resources/img/logo/rosesefid.png

/resources/img/logo/rosesefid.png

徽标的路径应该是什么？

Answer 1

看起来这个插件不能正确处理构建错误。当我的构建由于不同原因而没有插件时失败时，我遇到了这个问题。

如果您注释掉

vitePluginFaviconsInject

中的

vite.config.js

行，您可能会看到 vite 构建由于某些其他原因而失败。解决该问题，然后取消注释该插件行。

项目作者应该解决这个问题！