Home PHP Framework Laravel Solve the problem that laravel8.x user authentication vite command does not take effect

Solve the problem that laravel8.x user authentication vite command does not take effect

Jan 13, 2023 am 10:23 AM
vite laravel8

This article brings you relevant knowledge about laravel8.x. It mainly introduces the problem that laravel8.x user authentication vite command cannot take effect. Interested friends should take a look at it. I hope it will be helpful to everyone. .

Solve the problem that laravel8.x user authentication vite command does not take effect

laravel 8.* The user authentication vite command does not take effect

In laravel 8.*, enable user authentication according to the documentation

composer require laravel/jetstream 
php artisan jetstream:install livewire
Copy after login

The page @vite encountered does not work. The page performance is css and js is not loaded.

The following line of instructions

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

is displayed directly in the form of text without parsing.

Solution:

composer require laravel/breeze:1.9.4
php artisan breeze:install
Copy after login

[Related recommendations: laravel video tutorial]

The above is the detailed content of Solve the problem that laravel8.x user authentication vite command does not take effect. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Vue3+TS+Vite development skills: how to optimize SEO Vue3+TS+Vite development skills: how to optimize SEO Sep 10, 2023 pm 07:33 PM

Vue3+TS+Vite development skills: How to perform SEO optimization SEO (SearchEngineOptimization) refers to optimizing the structure, content and keywords of the website to rank it higher in search engines, thereby increasing the website's traffic and exposure. . In the development of modern front-end technologies such as Vue3+TS+Vite, how to optimize SEO is a very important issue. This article will introduce some Vue3+TS+Vite development techniques and methods to help

vue3+vite assets dynamically introduce images and solve the problem of incorrect image path not being displayed after packaging vue3+vite assets dynamically introduce images and solve the problem of incorrect image path not being displayed after packaging May 10, 2023 pm 05:55 PM

The official default configuration of vite. If the resource file is packaged in the assets folder, the hash value will be added to the image name. However, if it is imported directly through: src="imgSrc", it will not be parsed during packaging, causing the development environment to be imported normally. , we see the problem of not being displayed after packaging. In fact, we don’t want the resource files to be compiled by wbpack. It will be easier to put the images in the public directory. Whether it is a development environment or a production environment, the root directory can always be used to keep the image path consistent. , this is consistent with webpack. Seeing this, maybe the problem is solved. If you really need to put static files in assets in Vite, let’s look down:

vue3+vite: How to solve the error when using require to dynamically import images in src vue3+vite: How to solve the error when using require to dynamically import images in src May 21, 2023 pm 03:16 PM

vue3+vite:src uses require to dynamically import images and error reports and solutions. vue3+vite dynamically imports multiple images. If vue3 is using typescript development, require will introduce image errors. requireisnotdefined cannot be used like vue2 such as imgUrl:require(' .../assets/test.png') is imported because typescript does not support require, so import is used. Here is how to solve it: use awaitimport

Let's talk about how to use the vite plug-in to automate the skeleton screen Let's talk about how to use the vite plug-in to automate the skeleton screen Oct 09, 2022 pm 07:19 PM

The skeleton screen is the icing on the cake. Ideally, developers should not need to pay too much attention to it. Therefore, from the perspective of development experience, manually writing a skeleton screen is not a good solution. Therefore, this article mainly studies another scheme for automatically generating skeleton screens: automatically injecting skeleton screens through the vite plug-in.

In-depth discussion of how vite parses .env files In-depth discussion of how vite parses .env files Jan 24, 2023 am 05:30 AM

When using the Vue framework to develop front-end projects, we will deploy multiple environments when deploying. Often the interface domain names called by development, testing and online environments are different. How can we make the distinction? That is using environment variables and patterns.

Vue3+TS+Vite development skills: how to optimize cross-domain requests and network requests Vue3+TS+Vite development skills: how to optimize cross-domain requests and network requests Sep 09, 2023 pm 04:40 PM

Vue3+TS+Vite development skills: How to optimize cross-domain requests and network requests Introduction: In front-end development, network requests are a very common operation. How to optimize network requests to improve page loading speed and user experience is one of the issues that our developers need to think about. At the same time, for some scenarios that require sending requests to different domain names, we need to solve cross-domain issues. This article will introduce how to make cross-domain requests and optimization techniques for network requests in the Vue3+TS+Vite development environment. 1. Cross-domain request solution

Vue3+TS+Vite development skills: how to carry out front-end security protection Vue3+TS+Vite development skills: how to carry out front-end security protection Sep 09, 2023 pm 04:19 PM

Vue3+TS+Vite development skills: How to carry out front-end security protection. With the continuous development of front-end technology, more and more companies and individuals are beginning to use Vue3+TS+Vite for front-end development. However, the security risks that come with it have also attracted people's attention. In this article, we will discuss some common front-end security issues and share some tips on how to protect front-end security during the development process of Vue3+TS+Vite. Input validation User input is often one of the main sources of front-end security vulnerabilities. exist

Vue3+TS+Vite development skills: how to encrypt and store data Vue3+TS+Vite development skills: how to encrypt and store data Sep 10, 2023 pm 04:51 PM

Vue3+TS+Vite development tips: How to encrypt and store data. With the rapid development of Internet technology, data security and privacy protection are becoming more and more important. In the Vue3+TS+Vite development environment, how to encrypt and store data is a problem that every developer needs to face. This article will introduce some common data encryption and storage techniques to help developers improve application security and user experience. 1. Data Encryption Front-end Data Encryption Front-end encryption is an important part of protecting data security. Commonly used

See all articles