Laravel sail vite hot reload not working npm run css: Running Vite Command to build Asset File npm run build Jul 15, 2022 · Describe the bug After many hours, I have been unable to get hot reload working with Vite on Laravel Sail. Vite の npm run dev は、hot-reload になっていて、変更をリッスンするようになっています。 変更をリッスン中は、public ディレクトリ直下に、hot という名前のファイルが生成されます。 The Laravel plugin also supports multiple entry points and advanced configuration options such as SSR entry points. If I run npm run dev I get issues with node modules. Thank you in advance! TL;DR: Tried running npm run dev and php artisan serve --host=IP and got an ERR_CONNECTION_REFUSED instead of the normal behaviour (was working just fine before) Mar 12, 2023 · So since this is not a development server we don't need to run npm run dev as this is a server that is used for real-time development eg. No more manual browser refreshing is required during development! The basic configuration in your vite Jun 28, 2022 · Remove Vite and the laravel Plugin; npm remove vite laravel-vite-plugin Remove the Vite config file: rm vite. 4 Laravel Version: 10. Then I did go through laravel docs recently and tried to upgrade the Laravel and Vite plugin to the latest version, which has a refresh option. I'll discuss this with @timacdonald tomorrow. My setup (as a data point): Laravel Homestead running as a VM; Vite server running locally (outside homestead ssh tunnel) The Laravel plugin also supports multiple entry points and advanced configuration options such as SSR entry points. The page is refreshed as if I did ctrl + R. test:5173 and that it's using Herds certificate. 22. However, I cannot manage to make them work together: once I run npm run dev, it always reloads the page every time I save my blade files. Feb 5, 2022 · I just added some changes but when I start it now the hmr is disabled and when adding new change the browser is reloading (not updating fast) and in the terminal it logs: 12:37:54 PM [vite] page reload src/App. js Remove these paths from . 5. After this i have deleted all the files except index. 48. Feb 1, 2023 · Unlike when I use Visual Studio Code, where real-time updates work seamlessly. None of the solutions I could find on this help. Try Teams for free Explore Teams Sep 18, 2024 · If you’re working with an older Laravel version or don’t have these dependencies, you can install them manually: npm install vite laravel-vite-plugin --save-dev Step 3: Creating a Vite App. js. host to the container's IP address (using Node's os. ts file: import { defineConfig } from 'vite' import larave Sep 30, 2022 · I just ran into the same issue and it turns out the welcome. //. Just doing an npm run build and not running yarn dev to start the hot reload sorted it out and I could view the site on mobile etc. Vite will do a full page reload when you edit a blade template (or any other file you configure) that changes. 11. 1 Description: After a fresh installation of Laravel Sail and Laravel Breeze, css and js files are not loading in the browser Steps To Rep Aug 26, 2022 · Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand Aug 17, 2022 · I was using Laravel Vite with an older plugin version (0. May 13, 2024 · One of the cool features of this Vite integration is that you’ll get hot reloading by default. I have go to chrome and manually refreshing the page for see changes. I've started Vite using npm run dev, and the page does refresh, but only after I manually click on it. This is my index. Unfortunately, Laravel Sail Docker configuration does not come with the needed HMR configuration so we need to do a couple of changes before running sail npm run hot. a6b31529. 0 and NPM 7. Vite is a modern frontend build tool that provides an extremely fast development environment and bundles your code for production. Everything bundles absolutely fine when I run npm run build, so I'm pretty sure its the hot reload that's the problem. With hot reloading enabled, however, the webpage will refresh to reflect your change without requiring a page refresh. 9c74dca2. All seems to be working fine. Windows (WSL) OS Version. 0 Node Version: 16. Jul 4, 2021 · Surprisingly, it is not well-documented in the Laravel Official Documentation (either on Sail page or Mix page) It is just a note for myself and hopefully an answer to your search. PHP Version. Vite will automatically handle asset building and HMR during the development of the project. css or app. 1; Description: After a fresh installation of Laravel Sail and Laravel Breeze, css and js files are not loading in the browser Aug 22, 2022 · In the following article I’ll show you how you can configure Vite hot reload to work with Laravel Valet over HTTPS. In other words, Mix makes it a cinch to compile and minify your application's CSS and JavaScript Laravel Vite Plugin Version: 0. Operating System. Oct 28, 2021 · I had an issue now where Vite was running as a hot reload, which replaced the URL to assets. Provide details and share your research! But avoid …. Jan 13, 2022 · If you are running the vite command directly, run it from the project root, where both the vite config file and index. 10 Host operating system: Manjaro 22. and the issue I'm facing is primarily around npm run dev. My vite. The following is my vite. This is because of the way WSL (Windows Subsystem for Linux) currently works. Second, add refresh: true to the configuration of the laravel plugin in the vite. json in my WP theme: Aug 8, 2022 · I have a fresh Laravel 9 installation with Vite. When I run ddev npm run dev to start a hot refresh app url for my laravel/vite project, the javascript should be available when accessing the app url from ddev start. 'it is the thing when making a change and the page updates'. We could set server. 4 Laravel Version: 9. 5 Linux 5. Viteは、非常に高速な開発環境を提供してくれる、コードを本番用に構築する最新のフロントエンド・ビルド・ツールです。 Sep 3, 2022 · npm run dev with vite is basically what. Cannot get hot reload to work with Laravel Sail, Vite and Vue 3 After many hours, I have been unable to get hot reload working with Vite on Laravel Sail. 19. Mapped the '5173:5173' ports on app container; Tried updating the build/hot file; Added server. npm run watch used to do back with mix. NPMでJS/CSSをビルドします。 最新のLaravelでは、 Laravel Mixが Vite へと置き換わりました 。 以下のコマンドを実行します。 本番環境向けファイル出力 $ sail npm run build 開発時 $ sail npm run dev. Changing the VITE_PORT inside my . 기본 package. When you run the dev or production scripts, all of your application's CSS and JavaScript assets will be compiled and placed in your application's public directory:. This way, you won't have to refresh your browser manually after making a change. I run npm run dev so the live reload thing IS being used, but it takes a good 20-30 seconds for it to reload automatically. 11: OS: osx Description: On fresh laravel installation with laravel valet HMR is not working. json But whatever update happened after that, npm run dev renders everything okay but once I build the app with npm run build, everything goes haywire. If you are a beginner, you can check out this post for kick-starting from scratch for Laravel Sail on WSL2 with Docker Desktop. mix. I am not using sail, but just Docker + Laravel + Vite + Svelte. test does not live reload, and I wouldn't really expect that one to. yml file and run the server from terminal, but since vite wants to serve from the same host with different port I only can use npm run build, no hot refresh… The Laravel plugin also supports multiple entry points and advanced configuration options such as SSR entry points. vue files are Nov 13, 2023 · Once last thing you need to do before being able to go in the container and run vite with npm run dev. One of the cool features of this Vite integration is that you'll get hot reloading by default. php If that doesn't solve your problem, you may be having problems with the opcache. When npm run build command executed it must be in production mode. Dec 18, 2024 · Let me show you how to configure VITE in your LARAVEL 10 projects to make them work seamlessly with a LARAGON local web development server and make your projects available on every device in your LAN. Introduction; Introduction. Breeze & Jetstream by default with VITE configuration despite the version of laravel. When we run npm run dev, Vite spins up a dev server with hot module replacement enabled on localhost:3000. Working With a Secure Development Server. Mar 1, 2023 · How to fix Hot Reloading not working in Vite-generated ReactJS applications it states that Vite’s hot reload feature does not work well with WSL 2 Windows Subsystem for Linux. Even after stopping the vite server, I have to restart sail to make the back responding again. The back app works if I don't start the vite server. Asking for help, clarification, or responding to other answers. npm run dev Mix is a configuration layer on top of webpack, so to run your Mix tasks you only need to execute one of the NPM scripts that are included in the default Laravel package. Jul 14, 2022 · The Laravel team updated the first-party Laravel vite-plugin package to support full page reload on blade/arbitrary file changes. Once you get to front-end work and need your js running, you need to have vite up during development. host = localhost; Tried running dev with --host; None of these help, even on "laravel-vite-plugin Jun 29, 2022 · Yesterday, the Laravel team released the vite-plugin. Jun 29, 2022 · I seem to have the same issue, when running npm run dev everything works like a charm, but the generated assets after running npm run build are not being loaded in the browser. In the meantime, it should work if you are able to run npm run dev outside of the container because then it will just listen on Jun 23, 2024 · I got the same problem. 7. php artisan serve To update laravel project auto when you make changes run in another terminal: npm run watch Updated from Laravel 9. ts file: Aug 23, 2022 · Yeah, this does not work for me. 10: NPM Version 6. js, app. That I only execute command sail npm run dev, and it should be working just like sail npm run build and no need for me to build again if I change something in the code. 04 WSL2 backend op Windows 10. Expected Behavior. 0) and Vite (4. js of my Laravel app: Dec 26, 2022 · Let's use Vite with Laravel Sail & Docker=====📓 Video Chapters: 0:00 Using Vite w/ Laravel Sail & Docker===== Oct 7, 2023 · I tried to migrate on Laravel Sail to run the back-end. 1 Node Version: 19. Actual Behavior Mar 26, 2025 · Any changes in *. Laravel configuration. No hot reload, no state preserved. Working With A Secure Development Server. So first things first, make sure that you upgrade to the right or last version of the vite-plugin. networkInterfaces()). npm i vite-plugin-mkcert -D vite. This way, you won't have to refresh Oct 1, 2022 · I have a Laravel + Vue project that uses Vite, and it takes a VERY long time to reload when I make changes to the Vue files. This results in pages being displayed without CSS or JS. 12, npm 8. But I was getting CORS origin errors when using HMR (npm run dev), and the css/js assets were blocked, b/c the assets are coming from https://127. Jun 20, 2023 · Sail Version. dev to have my app work with hot reload guide it was working fine. gitignore: - /public/build - /storage/ssr If you created some code already with vite, you must have some more changes in your blade files, check out this article. but on the production server, we can't link to port 127. Introduction. If you change a blade file that uses the layout files (guest. And dont forget run this command for changes in vue files to take effect. 5; Jetstream: v2. 4; Laravel Version: 9. Laravel Mix Version: 4. vue or front end need to restart #npm run dev. 12. . Aug 15, 2023 · As far as I know, it’s a part of the satellite, so usually you need only to build it with. 8. Changes in the *. 13. blade. js を以下のように修正しました。 serverを追記しました。 Feb 19, 2025 · In many cases, running the relevant build script (npm run dev or npm run build) will generate the manifest. html are present. php or app. 5563. You'll have to access your Laravel app on whatever URL you get from your server, whether that be localhost or anything else. Anyway what do you think about this situation. Wouldn’t it be cool if this . Steps To Reproduce: Dec 8, 2023 · I'm trying to include "npm install && npm run dev" command in my sail docker-compose file, so that developers and tester don't have to run then each time starting work or switching Jul 27, 2022 · As someone says, new laravel projects do not have a watch script, now have vite instead of webpack, so you need to run npm run dev instead to let vite compile your files. js in src folder. Is this any automated way to handle this situation. That's why I use a Terminal app that can have multiple tabs: - one for serving the app (sail) - one for compiling assets (npm run dev) - one for running my scheduled tasks locally - one to run other commands that don't run perpetually. env file won't work. I know its not efficient but much faster than hot reload via WSL2. Your fix works and doesn't :) It does fix the problem in the module but if you have another npm run dev on the root, you need to refresh it to get the update. イントロダクション Introduction. 8. I use Laravel Homestead as a development environment (on top of a Windows 10 OS). Feb 9, 2013 · Laravel Vite Plugin Version: 0. 2. gitignore that comes with Laravel: I have a Laravel + Vue project that uses Vite, and it takes a VERY long time to reload when I make changes to the Vue files. The workaround is to use usePolling option in the Vite config file: Oct 11, 2022 · 結論 「Cannot get hot reload to work with Laravel Sail, Vite an [WSL2×Laravel9Sail×React×Vite]HotReloadが効かない更新されない｜ytmemo React/TypeScript Aug 1, 2013 · Running vite and the webserver outside WSL2 on a Windows machine gives me almost instant response, like 2-3 seconds. That page of course just shows the Vite info page saying it's running. I Dec 18, 2024 · Let me show you how to configure VITE in your LARAVEL 10 projects to make them work seamlessly with a LARAGON local web development server and make your projects available on every device in your LAN. ini file and disable opcache. Jul 18, 2017 · Hot Module Replacement (or Hot Reloading) allows you to, not just refresh the page when a piece of JavaScript is changed, but it will also maintain the current state of the component in the browser. 0 NPM Version: N/A Yarn Version: 1. compose. Then Hot reload is not working. I've got it so I can access it from other machines on the LAN - but when I try from a mobile device, the CSS is missing. #Using a Customized Laravel/Vite Configuration. you can use vite instead of laravel-mix, you should run this command to install vite: npm install My setup is exactly the same as @moracabanas, except that I am using Laravel Mix 6. If you focus on your back-end, try to run prod instead, so that your main page works while you deal with laravel. This worked, but only when running npm run build. When you run the dev or production scripts, all of your application's CSS and JavaScript assets will be compiled and placed in your application's public directory: Introduction. The solution is to instruct Vite to use our existing SSL Jan 14, 2024 · When I run docker-compose up -d it works perfectly on localhost:8080 but I have a problem, hot reload is not working anymore for local development purpose so I have to build another time my app to see live result. 0; Node Version: 16. so the links on the page are to the Vite server. Now im inserting a npm section to the sail’s docker-compose. Apr 11, 2023 · npm run dev しても、css/js が効かない. 16. 1:5173 so we can't find the files. Whenever you run Vite with npm dev and modify a JS or CSS file, Vite will automatically recompile the assets and refresh your browser. /vendor/bin/sail npm -v. How do you view the live reloading version of the site? https://example. test domain. Solution Make a module 'Post'. 最新のLaravelでは、Laravel Mixが Vite へと置き換わりました。 開発用のサーバーにアクセスするためには、 vite. All lead to the same problem with the npm run build. config Jan 2, 2023 · Sail Version: 2. yml Jul 29, 2022 · Now when I start work on a project I can run sail up -d && npm run dev and have my app running locally with trusted HTTPS along with all the speed and Hot Module Reloading goodness of Vite. Jul 1, 2022 · in laravel 9 update we use Vite instead of mix then you need run command below instead npm run dev to build app. “A light-weight command-line interface for interacting with Laravel’s default Docker development environment”. Once I run sail npm run dev and reload the page, all frontend styles are broken. php aritsan module:make Post Enable Vi Jul 20, 2022 · I'm working on a project that is using laravel 9 and Vite with laravel-vite, In the Dev environment everything works fine, but in production on the cPanel server I have the following issue: Vite I have a larvel project being served with sail. Dec 25, 2020 · I have created this app with npx create-react-app. The most important point is "hotFile" setting in vite. Informations: Laravel: v8. The problem is not the virtualized environment per-se. You need to allow connections in the container for the port that Vite is using. x. This means you are ready to go. Scenario 3 (Windows CMD): running D:/xxxx/nmp run dev works as expected. json 파일에는 Vite 및 Laravel 플러그인 사용을 시작하는 데 필요한 모든 것이 이미 포함되어 Nov 28, 2021 · Describe the bug After installing the Vite Vue Template under the WSL2 home dir HMR does not work. Vite 와 라라벨 플러그인 설치. The Laravel plugin also supports multiple entry points and advanced configuration options such as SSR entry points. Oct 2, 2021 · Easiest way is to use the vite-plugin-mkcert package. 1:5173 Jul 31, 2022 · VITE build configurations comes with only Laravel 9 & above, if we pull breeze or Jetstream to lower version [Below Laravel 9], it will cause this issue, because lower version got the configuration of Laravel mix. Oct 9, 2023 · Viteについて. 9. But then sail / docker has not point, since i would get a faster experience by re-running "npm run dev" or "npm run build" every time in changed something. js file to the project (even when vite is already The best would be an option to be able to have a settings at the sites, which one is to run in dev or in built version. 3. Dec 5, 2023 · Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. I'm working on a flet app and everything works fine when I run the app using PyCharm. docker-composeファイルの例. Apr 28, 2021 · If that's not your problem, check your cache settings in your laravel config file. When building applications with Laravel, you will typically use Vite to bundle your application's CSS and JavaScript files into production ready assets. This is way too slow of an environment for me to be able to effectively work on this project, but The Laravel plugin also supports multiple entry points and advanced configuration options such as SSR entry points. 0; Laravel Version: 9. 라라벨을 새로 설치하면 애플리케이션 루트에서 package. I am also running Laravel 8 on Sail with Node 15. 52. 以下のようにapp（PHPのコンテナ）とnode（Nodeコンテナ）を分けています。 ポイントとしては、Nodeのコンテナでviteが利用する5173ポートを開放しておくことです。 Jan 14, 2025 · sail npm install. First the dev server. 2 with the Sail package. Jan 20, 2025 · Ask questions, find answers and collaborate at work with Stack Overflow for Teams. 1 NPM Version: 8. php), which have the @vite() directive, then the change will be reflected in the browser once the file is saved. Run laravel project. Apr 23, 2023 · Did anyone face those issues? I tried running npm update and composer update so i'm on latest versions for Laravel (10. With the build pipeline up and running, it's time to load the assets in the application. Laravel and Mix work together to tuck away the necessary complexity required to get hot reloading up and running. Going forward, Vite will become the standard build tool for Laravel apps. 6. Laravel Mix, a package developed by Laracasts creator Jeffrey Way, provides a fluent API for defining webpack build steps for your Laravel application using several common CSS and JavaScript pre-processors. Jan 22, 2010 · Laravel Vite Plugin Version: 0. 15. Jul 15, 2022 · Describe the bug After many hours, I have been unable to get hot reload working with Vite on Laravel Sail. import { livewire_hot_reload } from 'virtual:livewire-hot-reload' livewire_hot_reload(); No we can start Vite through npm run dev, and you should see a console message that the Vite Livewire plugin is successfully enabled. If your local development web server is serving your application via HTTPS, you may run into issues connecting to the Vite development server. The problem is that I want to try the hot reload provided by flet but when I run the app via the terminal I get a Jan 21, 2025 · I'm trying to set up a Laravel + inertiajs + react application locally with sail/docker on wsl but when running the dev server I get 404 (not found) errors for every application asset. I need to do this because I run multiple apps at the same time so both apps have to run sail npm run dev at the same time. To fix the Oct 4, 2022 · You can also use npm scripts instead, it's the same thing, like npm run serve, the only difference is that it's a string not an array ; "serve": "npm run dev && php artisan serve" – Lk77 Commented Oct 4, 2022 at 6:56 Oct 28, 2021 · I had an issue now where Vite was running as a hot reload, which replaced the URL to assets. json file. In comparison, the onlin This can happen with "artisan serve" or "sail up" or "artisan schedule:work" or "queue work" or "npm run dev" etc. js (which was an awesome decision). 2; Host operating system: macOS; Description: Following the Sail setup guide, when I install Breeze, everything works and the resulting frontend is functional and working. This is the beauty of hot reloading! Basic Usage in Laravel. Check full documentation here Mar 13, 2024 · When I run npm run dev it says it's running on https://example. I tried this in my vite. 1. 0. Then, change the default . Description. The only way to see changes in the page loaded by NPM RUN DEV is to save the file, which then refreshes the page. php file does not have the @vite() directive. 1. Here is my vite. ts file: Jul 17, 2022 · Since the release of version 0. 1), it didn't fix it. 15, and npm 8. Mar 22, 2021 · If we run npm run production a bundle should generate in public/build. js file. Mar 11, 2023 · I'm going to share this solution because I was not sure how to enable Vite hot reload in a new module. I tried the sail run npm dev --host but that just uses the containers IP and still doesn't work. 3 of the Laravel vite-plugin Vite can do a full page reload after changes to a Blade template are made. If you've customized any of your Vite configuration, it's possible that the Vite plugin for Laravel cannot locate the manifest. 110 Running in Sail / Do Laravel Mix. 4. Laravel Version. Working With a Secure Development Server . Jul 11, 2021 · TLDR; 5800ms (Laravel Mix) to 224ms (Vite⚡️) on hot-reload! We’ve been using Laravel-Mix for years and it’s been doing pretty good. How can I achieve this ? Here is my vite. Apr 30, 2024 · Now, I'm using a newer version of Vite etc. ts file: import { defineConfig } from 'vite' import laravel from 'laravel-vite-plugin' import vue Jan 22, 2023 · But running the Vite dev server (npm run dev) caused the HMR to not work. The current count will remain unchanged. – Jun 26, 2021 · I am currently using Laravel 8. 余談ですが、参考までに ViteからLaravel Mixへ戻すこともでき Sep 9, 2022 · Just wanted to add to this, in case anyone runs into CORS issues like I did. Any changes in *. yml, for the back app: Jun 24, 2023 · When I run ddev npm run build it successfuly builds the project, and the javascript is available and everything works fine as expected. 9. tsx I created a new test application and it has hmr enabled and when I add any change it logs: 12:35:23 PM [vite] hmr update /src/App Dec 28, 2023 · my problem is everytime I make changes I have to do the sail npm run build, and it consumes a lot of time in building the project, is there anyway can fix this?. For those using Laravel Sail, open the vite npm run dev not working with vite npm run dev // vite server run php artisan serve // Laravel artisan server run 💡 If you do not encounter any problems but hot reloading is not working, you can Laravel 团队更新了第一方 Laravel vite-plugin 包， 以支持blade 模板/任意文件更改时的全页重新加载。当你编辑更改的 blade 模板（或你配置的任何其他文件）时，Vite 将重新加载整个页面。 Oct 2, 2021 · Easiest way is to use the vite-plugin-mkcert package. Images are big, and the login routes to all sorts of errors. npm install npm run build I’m not sure that it can work as a separate project without a backend. But the virtualized environment on top of a Windows machine. 1 Node Version 12. Find your php. ts May 7, 2025 · I just discovered Laravel Herd paired with DBngin and TablePlus to access the DB; can I use these three packages as an environment and have multiple sites connect to a single database? I need to have one running with hot reload using 'npm run dev' from command line and another using blade templates via a separate URL. And last, add the reload manager to your main JavaScript file. import { defineConfig } from 'vite' import mkcert from 'vite-plugin-mkcert' export default defineConfig({ plugins: [ mkcert() ] }) When you run the local vite dev server you may be prompted for your password the first time. 0), and I was following this guide by freek. Here's my package. 102 Web Browser & Version: Chrome 111. 5 Sep 20, 2022 · Deleting the hot file actually stops the hot reload feature of npm run dev. 19; PHP Version: 8. As soon as I start the vite server, the back stops responding (requests timeout). The first thing we need to do is to expose port 8080 used by Laravel Mix in our docker configuration. js is exactly as the OP's. Jan 29, 2022 · Update Laravel Sail for HMR. Scenario 2 (Docker-View Terminal on App[laravel code]): Running #npm run dev starts :5173 and is useable. Else you can run npm run dev directly, assuming you have "dev": "vite", inside scripts of package. docker. Jun 22, 2023 · I decided I could move my Vite build process to the Laravel app and then configure it to look in the vendor directory for each main JS file of each package. I set Sail up and running its image through Docker Desktop while using WSL 2 with a Ubuntu distro on Windows. config/cache. 41. Jun 29, 2022 · We could always write localhost to the hot file when running inside Sail. Feb 9, 2013 · Just wanted to comment on this since this solved my issue with Laravel + Vite + Homestead! I was running into an issue where HMR wasn't working and ws connection was failling so Vite didn't HMR any updates to files. Is there a way to configure PhpStorm or my development environment to achieve automatic real-time updates, so I can see changes without having to click on the Feb 9, 2013 · Seems you don't serve your Laravel app on the same URL as the Povilas does, he uses Laravel Valet on Mac and can access Laravel apps via the . Now initialize Vite to work with your laravel project. May 14, 2021 · I did the standard installation of Laravel 8 with jetstream using the docker and laravel sail However, I am not able to do the npm run hot or npm run watch to auto reload or browser sync My files are standard with laravel 8 and I haven't made any changes to the code yet. In a nutshell. hmr. /vendor/bin/sail node -v . 1; NPM Version: 8. But if it is a new project, you just Jan 22, 2023 · It will build the assets into the public/assets/build folder, with filenames like app. json file and resolve the issue. Here is my docker-composer. json 파일을 찾을 수 있습니다. I dont know if its a kind of bug, but i have notice that when you install some dependency like npm instal laravel/ui (tailwind in your case), npm adds the webpack. config. May 23, 2024 · Hello everyone i just figure out if you dont delete hot file in public, laravel try to connect hot reload url. However, recently we decided to build a project using Inertia. Tried it on server 2 using node 14, node 16, node 18, npm 8. And I am also running a Ubuntu 20. 0; PHP: PHP v8. lifnxabhetwopmuqlcxpnmqbkstdncqaafwfowhjrhvsmawygmwo