无法在Vite清单中找到文件:resources/sass/app.scss. Laravel:10.6.2,同时使用php artisan auth:ui安装新项目

k0pti3hp  于 2023-04-07  发布在  PHP
关注(0)|答案(1)|浏览(257)

我已经安装了新的Laravel项目当前版本10.6.2与基本的AUTH脚手架与php工匠auth:ui,它创建与vite安装成功.但当我运行该项目时,它显示我一个错误“无法在Vite清单中找到文件:resources/sass/app.scss.”vite configurations for auth
我检查了两次,并尝试手动创建文件
1.舱单

  1. vite.config.js
    1.资源目录
    删除供应商n更新合成器
    npm install --save-dev vite laravel-vite-plugin npm install --save-dev @vitejs/plugin-vue(also try sass,bootstrap =〉this cause error)
    最后npm在每次尝试后再次运行build n。
toiithl6

toiithl61#

要正确安装和编译vite包,您需要执行以下步骤:
1-安装node.js(如果:如果你已经安装了它,只需进入你的项目中的终端并给予它命令:

node -v

,如果它能给予出版本号,那就意味着:完成)。
2-在您的设备上安装npm(不要担心:如果你已经成功安装了node.js,它将与node一起安装,并在终端中测试该类型的命令:

npm -v

,如果它能给予出版本号,那就意味着:完成)。
3-现在你需要开始使用Vite和Laravel插件,在terminal中给出下一个命令:

npm install  , or just:  npm i

并给予它几秒钟,直到它给你一个消息,说它已经成功安装,之后去打开文件vite.config.js,并确保该文件包括:2个代码用于导入和1个代码用于导出,如下所示:

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,
        }),
    ],
});

4-在这一步中,您将在视图文件中包含vite包,如html代码头部的home.blade.php

<!doctype html>
 <head>
 {{-- ... --}}

 @vite(['resources/css/app.css', 'resources/js/app.js'])
 </head>

5-最后,你需要在终端中使用这些命令运行你的npm:

npm run dev

 npm run build

记住:每次运行并在浏览器中打开项目时,都需要执行最后一步
祝你有个愉快的一天,祝你好运。

相关问题