In my Laravel 8 application, after installing laravel ui, when I try to run 'php artisan ui bootstrap' I get the following error:
In Bootstrap.php line 70:
copy(C:\xampp\htdocs\netlytics\resources\js/bootstrap.js): Failed to open stream: No such file or directory
I have run composer update successfully.
I have laravel/ui version 3.2.0. I am running Laravel 8.40.0 with PHP 8.0.3.
The site is an old site that I upgraded from Laravel 5.3 and PHP 5.6.
The pre-processing was being done using gulp with a gulpfile.js to configure the mix conversions.
With Laravel 8 I know I need to update my pre-processing to use webpack.mix.js, but so far can't get there.
There is supposed to be a resources/app/bootstrap.js file but it is not showing up and I do not know what it should look like if I wanted to put it there.
Any ideas how to get this installed correctly?
I poked around and finally discovered that I needed to install jQuery and jQuery-ui as well as popper.js. I installed those and again got the same error, but this time I just created a resources/app/bootstrap.js file and when I ran 'php artisan ui bootstrap' it ran and populated the bootstrap.js file.
Here solution:
https://stackoverflow.com/a/68393896/15391779
composer create-project laravel/laravel --prefer-dist laravel-bootstrap
composer require laravel/ui
php artisan ui bootstrap --auth
npm install
npm run dev
in browser in console part shows the Error:
GET http://localhost:8000/asset/app.js net::ERR_ABORTED 404 (Not Found)
then I tried to install boostrap using documentantion steps are.
1. composer require laravel/ui --dev.
2. php artisan ui bootstrap.
3. php artisan ui bootstrap --auth.
4. npm install.
but here again in 4th Section it shows the Error and that the command not found.
Still not working bootstrap
You are saying you are getting an error with the 4th command. I assume you do not have NPM installed.
Try installing NPM from here https://www.npmjs.com/get-npm. NPM is Node Package Manager. It will handle the front end dependencies for you. And is used to compile everything.
Also, after npm install run npm run dev to compile the javascript and such.
Install node to enable npm.
Also you can include bootstrap CDN directly in the tag in your blades like a normal HTML project without installing it.
Here's how to add bootstrap CDN in your HTML file - Remember, blades are finally HTML files.
Bootstrap CDN
In all the static files (css and js) Apache return 404. Then my Laravel looks like this:
enter image description here
I tri too with the command:
php artisan serve
and the result is the same.
I using PHP 7.2 and Laravel 6.0.4
After installation of fresh laravel 6 follow these steps-
composer require laravel/ui
php artisan ui vue --auth
npm install
npm run dev
php artisan serve
Authentication support is now added with the help of a package. Please read for more details.
I am beginner to laravel. I have created project. And I have run following commands to it.
composer require laravel/ui --dev
npm install
npm run dev
php artisan ui vue
php artisan ui vue --auth
after this command I get Login and Register menus on my welcome page.
Now my laravel welcome page loads properly. But when I click on login it shows plain html.
I serached and checked app.blade.php for links of css and js. It looks fine.
layouts/app.blade.php having following links
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<script src="{{ asset('js/app.js') }}" defer></script>
Where should be the problem? Why Login and Register not getting css, when welcome page gets css? Please guide.
Step 1:
Download nodejs
Install nodejs in your pc
Step 2:
then open your project root and command
composer require laravel/ui
php artisan ui vue --auth
npm install
npm run dev
After npm command it will generate node_module folder inside your project remove that folder.
npm command only for .css and .js file.
for help see this video: https://www.youtube.com/watch?v=hOYW3jqh19I&t=9s
The very simple solution for this problem is use the following cdn
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
instead of
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
the links I have provided are the bootstrap cdn and check that . It will work
and use
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
instead of
<link href="{{ asset('js/app.js') }}" rel="stylesheet">
I tried following commands in laravel 8 and it works well
composer require laravel/ui
php artisan ui bootstrap
php artisan ui bootstrap --auth
npm install
npm run dev
npm run production
Some times cache can be the issue in such case, you can run
php artisan cache:clear and optionally php artisan view:clear.
You can download these two files from here :
CSS File
JS File
Then create css and js folders into public folder just put :
CSS file : app.css into project_folder/public/css/
JS file : app.js into project_folder/public/js/
Its work for me. I think it will also work for you. Thanks.
You need to run the below commands for laravel 7.x.
Solution
First go to your project root folder C:\Whatever\Your_project_name>
composer require laravel/ui
Try any of the below command according to your front-end framework.
php artisan ui vue --auth
php artisan ui bootstrap --auth
php artisan ui react --auth
At the end don't forget to run
npm install
If your User Interface is not working properly try below command.
npm run production
If the above commands don't work for you.
Reason: The error is because there is no css code in the public/css/app.css when you have executed all the commands but still there would be no code in that folder.
Take the file or code from here https://github.com/sabaoonbedar/Css-File-For-Laravel-Developers/tree/master and place it in your project public/css/app.css OR create similar folders if don't exists.
For me it was simply the npm run dev command.
In my ubuntu 19.10, it has to run with sudo
I tried following commands in laravel 8 and it works well, you can also give it a try.
composer require laravel/ui
php artisan ui bootstrap --auth
npm install
npm run dev
npm run production
You must compile packages use npm run watch command. after that you can run npm run dev
You need to clear the cache on your browser. To confirm that go into incognito mode and try your URL again. If it works then that's the problem.
run
npm install
npm run dev
npm run watch for continues compiling
It seems to me that your node.js version was outdated. Just update the Node.js and start from the beginning by installing the laravel ui and so on.
composer require laravel/ui
php artisan ui vue
php artisan ui vue --auth
npm install
npm run dev
Hope it will fix the problem.
Run the below commands in your Laravel project.
composer require laravel/ui
php artisan ui bootstrap --auth
npm install
npm run dev
I face the same problem while implementing the composer require laravel/ui in laravel version 7 but I fixed it by following the below steps.
First :
Download nodejs
Install nodejs in your pc
Second : run this command
composer require laravel/ui
Once the laravel/ui package has been installed, you may install the frontend scaffolding using the ui Artisan command:
// Generate basic scaffolding...
php artisan ui bootstrap
php artisan ui vue
php artisan ui react
// Generate login / registration scaffolding...
php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth
To generate node_module folder inside your project run the below command
npm install
Once the dependencies have been installed using npm install, you can compile your SASS files to plain CSS using Laravel Mix. The npm run dev command will process the instructions in your webpack.mix.js file. Typically, your compiled CSS will be placed in the public/css directory:
npm run dev
some time you may need to run this command npm audit fix or npm audit fix --force to fix some packages if they required to be.
Maybe some time by running this command npm run dev or npm run watch it will show you an error like below.
# dev C:\xampp\htdocs\Auth
npm run development
# development C:\xampp\htdocs\Auth
mix
Additional dependencies must be installed. This will only take a moment.
Finished. Please run Mix again.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! # development: `mix`
jus run the npm run watch again it will start Mix █████████████████████████ emitting (95%) after the success the build will be succeeded too.
This command working in my machine command.
npm run dev
composer require laravel/ui
php artisan ui vue
npm install
npm run dev
php artisan ui vue --auth
npm install
npm run dev
You will have to call npm install and npm run dev for both scaffolding
I was facing the same issue CSS & js works with CDN links but not with default CSS. so there was files no CSS code in the public/css/app.css and js files so I copy and paste the code and files in the public directory from my another laravel directory and now that works fine.
after install every thing try this
npm update vue-loader
In my case, I just downloaded the latest version of nodejs and install it. After, just type npm run dev. And refresh your browser and good to go!! Cheers!!
you can use the styles and the script like this :
Style :
<link href="/css/app.css" rel="stylesheet">
JS :
<script src="/js/app.js"></script>
Run the command:
npm uninstall popper.js && npm i #popperjs/core
to remove the deprecated package and install their new Popper v2.
Public your CSS. I mean keep your CSS file in the public directory of your project.
Your css file should be here at: yourprojectname\public\css\app.css
I want to make use of auth system which comes with the laravel package but the problem is when I make new laravel package using composer i.e composer create-project laravel/laravel project name --prefer-dist
it do not install those auth resources which includes (i.e. auth folder inside resources > views) and also I can't find the Services Folder inside app directory.
All other things are working fine except this authentication system.
What can be the possible problems? Please give me solution
I am working with MAMP.
Taylor Otwell has made it opt-in for Laravel 5.1
You need to run following command after installation
php artisan scaffold:auth
UPDATE
I think this has been answered here
You could also run the command php artisan make:auth in the root directory of you laravel project. I had the same problem and it worked for me.
The command php artisan scaffold:auth didn't work for me i don't know why.
it issued the error:
[Symfony\Component\Console\Exception\CommandNotFoundException]
Command "auth" is not defined.
Did you mean this?
make:auth
in Laravel 5.2 you just have to run this command "php artisan make:auth" and the auth folder will be created
Since laravel 6.* version make:auth is no longer supported, use ui:auth instead.
For deploying ui pack run
composer require laravel/ui --dev
then update composer.json :
composer update -W
and do the:
php artisan ui:auth
You need execute
php artisan make:auth
now if your style css and js are missing
You need load file .css and .js
1) execute in your project
npm install
2) then execute
npm run dev => now in folder /public now exist folder js and css
3) reload page