Level 102
php artisan view:clear
1 like
Jul 1, 2022
5
Level 5
Move from Mix to Vite
I just followed this(https://github.com/laravel/vite-plugin/blob/main/UPGRADE.md#migrating-from-laravel-mix-to-vite) link to migrate from Laravel Mix to Vite and I got this error:
https://i.stack.imgur.com/7x6tW.png
The style is gone! and the server in the terminal works fine!
my steps:
In app.blade.php
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
.....
In packge.json
{
"private": true,
"scripts": {
"dev": "vite",
"build": "vite build"
},
"devDependencies": {
"@tailwindcss/forms": "^0.5.2",
"alpinejs": "^3.4.2",
"autoprefixer": "^10.4.2",
"axios": "^0.25",
"laravel-vite-plugin": "^0.2.4",
"lodash": "^4.17.19",
"postcss": "^8.4.6",
"tailwindcss": "^3.1.0",
"vite": "^2.9.13"
}
}
in vite.config.js
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [
laravel([
'resources/css/app.css',
'resources/js/app.js',
]),
],
});
postcss.config.js
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
Level 5
@vincent15000 Thanks it works, but I have this error in the console!
Level 102
@Jean_ali how are you running laravel? Valet? Docker?
Level 5
@Sinnbeck Valet and npm run dev for the project
Level 102
Please or to participate in this conversation.