npm运行dev后,在laravel 9中仍未找到App.css和App.js

wj8zmpe1  于 2022-12-14  发布在  其他
关注(0)|答案(1)|浏览(265)

我对拉拉威尔很陌生,在潜水前我确定我看了拉威尔9号的文件,但万一我错过了一个,我有这个问题wher app.css和app.js上的链接所提供的工匠是找不到。boostrap脚手架现在在视图文件夹中,但它似乎(对此很不确定)AppIdoJs和AppIdoCSS仍然无法访问,所以 Bootstrap 不起作用。我确保在 Bootstrap 和Artisan的Bootstrap--Auth安装后运行NPM Install和NPM Run Dev。到目前为止,该项目是完全新鲜的,所以它的工作,除了 Bootstrap 将不会加载,因为404错误。这里是一些项目的快照,包括正在运行的终端会话。x1c 0d1xx 1c 1d 1xx 1c 2d 1xx 1c 3d 1x
按顺序使用的命令:

  1. composer require laravel/ui --dev
  2. php artisan ui bootstrap
  3. php artisan ui boostrap --auth
  4. npm install
  5. npm run dev
    我在SO中看到的所有线程都声明它们没有运行我已经在运行的npm dev,但我仍然没有找到一个有效的解决方案。
ni65a41a

ni65a41a1#

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

使用laravel创建项目

composer create-project laravel/laravel "project name"

为 Bootstrap 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

相关问题