Laravel Vite - 配置不存在答案

【问题标题】：Laravel Vite - Configuration does not existLaravel Vite - 配置不存在
【发布时间】：2022-08-02 16:32:01
【问题描述】：

我尝试使用 Vite 创建 Laravel 项目并遵循 Laravel 文档。但是当我尝试访问资源时出现了问题，它说配置 \"resources/js/app.js\" 不存在。.

这是vite.config.js 文件：

import { defineConfig } from \'vite\';
import laravel from \'laravel-vite-plugin\';
import vue from \'@vitejs/plugin-vue\'

export default defineConfig({
    plugins: [
        laravel([
            \'resources/css/app.css\',
            \'resources/js/app.js\',
        ]),
        vue(),
    ],
});

这是我的刀片文件：

<!DOCTYPE html>
<html>
<head>
    <meta charset=\"utf-8\">
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
    <title>Test</title>

    {{-- @vite(\'resources/css/app.css\') --}}
</head>
<body>
    <div id=\"app\"></div>

    @vite(\'resources/js/app.js\')
</body>
</html>

有谁知道这个问题？

标签： laravel vite

【解决方案1】：

我认为您在 vite.config.js 中想要这样的东西。

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

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

然后确保在终端中运行npm run build。

【讨论】：

嗯，它不是用于生产，我应该更改刀片文件上的 @vite('resources/js/app.js') 吗？它仍然具有相同的输出
我发现了问题，这是由于官方 vite 和 3rd 方 vite (innocenzi/laravel-vite) 之间的冲突。删除其中一个解决问题。来源：github.com/laravel/vite-plugin/issues/65

【解决方案2】：

您可以按照以下步骤操作：

使用 laravel 创建项目

composer create-project laravel/laravel "project name"

为引导程序 5 安装 laravel UI

composer require laravel/ui

使用 bootstrap 5 生成登录/注册脚手架

php artisan ui bootstrap --auth

在 vite.config.js 中导入 bootstrap 5 路径

import path from 'path';

resolve:{
       alias:{
           '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
       }
   }

在 js 文件夹中导入 bootstrap 5 scss

 import '../sass/app.scss';

 import * as bootstrap from 'bootstrap';

在模板中使用 @vite Blade 指令

 @vite(['resources/js/app.js'])

最后建立你的资产文件。

 npm run build

然后使用 artisan 命令运行项目。

php artisan serve

【讨论】：