Question: When I Npm Run Build The Interface Is Lost

When I Npm Run Build The Interface Is Lost

hi, when i npm run build the interface is lost i tried to fix the permissions for the web user the temporary fix is ​​in the resources/views/app.blade.php file i changed @vite('resources/j

T

trunganh02

Asked

hi, when i npm run build the interface is lost i tried to fix the permissions for the web user the temporary fix is ​​in the resources/views/app.blade.php file i changed @vite(‘resources/js/app.js’, ‘’) to @vite(‘resources/js/app.js’) then the interface will be back but the menu and some parts of the interface will be lost. Root@cloud:/var/www/wims# npm run build

build rm -rf ./public/assets && vite build

vite v6.2.5 building for production… ✓ 953 modules transformed. [plugin vite:reporter] (!) /var/www/wims/lang/en.json is dynamically imported by /var/www/wims/resources/js/app.js but also statically imported by /var/www/wims/resources/js/Core/i18n.js, dynamic import will not move module into another chunk.

[plugin vite:reporter] (!) /var/www/wims/lang/languages.json is dynamically imported by /var/www/wims/resources/js/app.js but also statically imported by /var/www/wims/resources/js/Core/i18n.js, dynamic import will not move module into another chunk.

public/registerSW.js 0.13 kB public/manifest.webmanifest 0.79 kB public/manifest.json 63.43 kB │ gzip: 4.59 kB public/assets/app-ComZMNmD.css 4.52 kB │ gzip: 1.32 kB public/assets/helpers-ugK6HtQT.js 0.17 kB │ gzip: 0.16 kB public/assets/SectionBorder-CtaOQ9gj.js 0.27 kB │ gzip: 0.22 kB public/assets/Label-CLwdWuno.js 0.33 kB │ gzip: 0.26 kB public/assets/SectionTitle-DM5hRXYT.js 0.34 kB │ gzip: 0.26 kB public/assets/InputError-BxxF1u4m.js 0.35 kB │ gzip: 0.27 kB public/assets/AuthenticationCard-fnNoePEF.js 0.42 kB │ gzip: 0.31 kB public/assets/ActionMessage-RsatcI5R.js 0.44 kB │ gzip: 0.32 kB public/assets/AuthenticationCardLogo-lMU6Y7P6.js 0.51 kB │ gzip: 0.36 kB public/assets/ApplicationLogo-Cu6SrTF8.js 0.51 kB │ gzip: 0.36 kB public/assets/Input-CGUDrI4Y.js 0.51 kB │ gzip: 0.34 kB public/assets/ActionSection-ClI5CukJ.js 0.52 kB │ gzip: 0.35 kB public/assets/DangerButton-PZ9Dlkkw.js 0.56 kB │ gzip: 0.38 kB public/assets/ValidationErrors-C7WbfFmG.js 0.56 kB │ gzip: 0.39 kB public/assets/SecondaryButton-D3Nemv7S.js 0.58 kB │ gzip: 0.39 kB public/assets/Checkbox-IEza6XAR.js 0.63 kB │ gzip: 0.41 kB public/assets/TermsOfService-D7394RXY.js 0.71 kB │ gzip: 0.47 kB public/assets/PrivacyPolicy-DkqjMacb.js 0.71 kB │ gzip: 0.47 kB public/assets/DialogModal-CRkh_Wam.js 0.76 kB │ gzip: 0.46 kB public/assets/TrashedMessage-BkPdkifJ.js 0.82 kB │ gzip: 0.51 kB public/assets/v4-C6aID195.js 0.92 kB │ gzip: 0.50 kB public/assets/Button-DzXuRlZJ.js 1.07 kB │ gzip: 0.48 kB public/assets/CheckBox-C7p8Mn_k.js 1.15 kB │ gzip: 0.67 kB public/assets/LoadingButton-CluJFH_p.js 1.19 kB │ gzip: 0.76 kB public/assets/Error-DbIOn13w.js 1.21 kB │ gzip: 0.66 kB public/assets/FormSection-B_i60oNU.js 1.30 kB │ gzip: 0.71 kB public/assets/Dialog-Dzk1k62i.js 1.36 kB │ gzip: 0.74 kB public/assets/TextareaInput-CbQzHh7g.js 1.38 kB │ gzip: 0.76 kB public/assets/SelectInput-DdPKdqkP.js 1.42 kB │ gzip: 0.78 kB public/assets/ApplicationMark-D0StwnAI.js 1.62 kB │ gzip: 0.50 kB public/assets/VerifyEmail-BOIOYb3M.js 1.81 kB │ gzip: 0.98 kB public/assets/ConfirmPassword-BhxQeJZr.js 1.85 kB │ gzip: 0.98 kB public/assets/TextInput-DqG4Z718.js 1.87 kB │ gzip: 0.79 kB public/assets/composer-B6HfU5Nt.js 1.94 kB │ gzip: 1.03 kB public/assets/Show-NTT7jm4x.js 1.96 kB │ gzip: 0.95 kB public/assets/Show-DTHwXciS.js 2.03 kB │ gzip: 0.97 kB public/assets/Show-A1n6qWA9.js 2.04 kB │ gzip: 0.97 kB public/assets/Show-DWVx1xwk.js 2.04 kB │ gzip: 0.97 kB public/assets/Show-CoZM-KFz.js 2.07 kB │ gzip: 0.98 kB public/assets/Show-BS0Y9pzN.js 2.17 kB │ gzip: 0.97 kB public/assets/Modal-BA5KP16q.js 2.18 kB │ gzip: 0.99 kB public/assets/ForgotPassword-DaE-2vx1.js 2.33 kB │ gzip: 1.19 kB public/assets/DropdownLink-BM6gKmPl.js 2.34 kB │ gzip: 1.08 kB public/assets/Index-DHhSwmlK.js 2.43 kB │ gzip: 0.95 kB public/assets/FileInput-BpsWgqDS.js 2.57 kB │ gzip: 1.22 kB public/assets/ResetPassword-cmf9VR5m.js 2.59 kB │ gzip: 1.09 kB public/assets/SelectVariantModal-Bq7GSZza.js 2.62 kB │ gzip: 1.37 kB public/assets/Trail-C_1-9vWG.js 2.77 kB │ gzip: 1.30 kB public/assets/DeleteUserForm-B14TH6oo.js 2.83 kB │ gzip: 1.21 kB public/assets/UpdatePasswordForm-B2BAPnrL.js 3.01 kB │ gzip: 1.10 kB public/assets/TwoFactorChallenge-Dscgt7NC.js 3.06 kB │ gzip: 1.33 kB public/assets/Login-BBc41jY8.js 3.10 kB │ gzip: 1.42 kB public/assets/Alerts-DBfXd9pX.js 3.28 kB │ gzip: 1.55 kB public/assets/Import-ByHOImtN.js 3.33 kB │ gzip: 1.57 kB public/assets/Import-C1SClPX7.js 3.36 kB │ gzip: 1.59 kB public/assets/Import-DmMY6lPC.js 3.36 kB │ gzip: 1.57 kB public/assets/Register-DiroaTOz.js 3.42 kB │ gzip: 1.38 kB public/assets/Import-DG7c-7_2.js 3.43 kB │ gzip: 1.61 kB public/assets/throttle-aED4xvCH.js 3.53 kB │ gzip: 1.59 kB public/assets/Pagination-Bk8ZCdHL.js 3.61 kB │ gzip: 1.24 kB public/assets/Import-1iHEEjWG.js 3.82 kB │ gzip: 1.77 kB public/assets/Import-wNzA3CWx.js 3.82 kB │ gzip: 1.77 kB public/assets/UpdateProfileInformationForm-Dk__mlyQ.js 3.84 kB │ gzip: 1.59 kB public/assets/Import-CQzE-NsK.js 3.93 kB │ gzip: 1.82 kB public/assets/Index-CUU5lVFA.js 3.95 kB │ gzip: 1.89 kB public/assets/LogoutOtherBrowserSessionsForm-BmYQOYDX.js 4.42 kB │ gzip: 1.91 kB public/assets/Index-Bgl7ofQX.js 4.54 kB │ gzip: 1.97 kB public/assets/Index-DyGciAmn.js 4.85 kB │ gzip: 2.12 kB public/assets/Index-WeZHZXO2.js 5.25 kB │ gzip: 2.21 kB public/assets/Index-CF7tawgx.js 5.53 kB │ gzip: 2.32 kB public/assets/Index-DUFy0WGL.js 5.67 kB │ gzip: 2.32 kB public/assets/Index-L1wNPfHr.js 5.68 kB │ gzip: 2.36 kB public/assets/Form-BDGeWczj.js 5.96 kB │ gzip: 1.89 kB public/assets/Form-96PfNOxM.js 6.09 kB │ gzip: 2.27 kB public/assets/Adjustment-7tfDBhDn.js 6.23 kB │ gzip: 2.42 kB public/assets/Details-Boivj823.js 6.24 kB │ gzip: 2.15 kB public/assets/Form-Bpu0kF5W.js 6.25 kB │ gzip: 2.25 kB public/assets/AutoComplete-TCkND9QZ.js 6.27 kB │ gzip: 2.44 kB public/assets/Transfer-Da44H_pI.js 6.31 kB │ gzip: 2.45 kB public/assets/Checkin-C0cv7dZE.js 6.33 kB │ gzip: 2.45 kB public/assets/Checkout-DJhkvfPQ.js 6.36 kB │ gzip: 2.46 kB public/assets/Details-BAt7Q2CL.js 6.61 kB │ gzip: 2.23 kB public/assets/TwoFactorAuthenticationForm-BL1J3JWU.js 6.80 kB │ gzip: 2.36 kB public/assets/Details-DGpgJVC5.js 7.06 kB │ gzip: 2.25 kB public/assets/Form-Bgn6C0e4.js 7.22 kB │ gzip: 2.50 kB public/assets/Form-DkiaIXMY.js 7.32 kB │ gzip: 2.63 kB public/assets/Details-CGtHet1_.js 7.66 kB │ gzip: 2.57 kB public/assets/Details-Cz0kAmLq.js 7.78 kB │ gzip: 2.61 kB public/assets/ApiTokenManager-DtlX0bp6.js 8.21 kB │ gzip: 2.94 kB public/assets/Index-C2QAp3Gl.js 8.85 kB │ gzip: 2.75 kB public/assets/Form-BfHO9Grg.js 9.01 kB │ gzip: 3.02 kB public/assets/SearchFilter-Dh5rgIkt.js 9.59 kB │ gzip: 4.15 kB public/assets/Index-CwzizHVu.js 10.48 kB │ gzip: 3.51 kB public/assets/Index-CQyO5hnk.js 10.59 kB │ gzip: 3.56 kB public/assets/Index-P0bPuO-9.js 10.64 kB │ gzip: 3.56 kB public/assets/Index-06TZGFYg.js 10.73 kB │ gzip: 3.56 kB public/assets/Index-DPB_He45.js 14.14 kB │ gzip: 4.40 kB public/assets/Index-GfvfbcRq.js 14.29 kB │ gzip: 3.98 kB public/assets/Form-D6VKyf0e.js 14.56 kB │ gzip: 4.37 kB public/assets/baseIsEqual-BX-ylHDe.js 16.31 kB │ gzip: 6.10 kB public/assets/Form-Bk9xhtyt.js 21.59 kB │ gzip: 4.25 kB public/assets/fr-DuRzTrWt.js 22.99 kB │ gzip: 7.41 kB public/assets/Form-8yY1WvUm.js 23.47 kB │ gzip: 6.30 kB public/assets/Form-Ba-7r2NZ.js 23.51 kB │ gzip: 6.27 kB public/assets/pt-D0ijjRBc.js 23.67 kB │ gzip: 8.80 kB public/assets/es-DrQaVDcp.js 24.04 kB │ gzip: 8.85 kB public/assets/Form-Cw-Xg-S.js 24.64 kB │ gzip: 6.57 kB public/assets/Form-BqpeA-6d.js 24.76 kB │ gzip: 6.59 kB public/assets/FormO-BI-1Hrf8.js 24.83 kB │ gzip: 6.59 kB public/assets/FormO-DrXztG75.js 24.89 kB │ gzip: 6.63 kB public/assets/AdminLayout-CDeq4ZAF.js 29.18 kB │ gzip: 7.01 kB public/assets/bg-86dJdiGH.js 32.98 kB │ gzip: 10.27 kB public/assets/JsBarcode-BYIaq1fc.js 62.19 kB │ gzip: 13.33 kB public/assets/Index-BTprtHNo.js 377.60 kB │ gzip: 138.47 kB public/assets/app-BYWTBxrO.js 382.35 kB │ gzip: 131.87 kB ✓ built in 8.84s

PWA v0.21.2 mode generateSW precache 241 entries (3193.33 KiB) files generated public/sw.js public/workbox-e3490c72.js root@cloud:/var/www/wims# sudo chown -R www-data:www-data /var/www/wims root@cloud:/var/www/wims# sudo chmod -R 775 /var/www/wims root@cloud:/var/www/wims# ls -l total 1788 drwxrwxr-x 17 www-data www-data 232 Jan 11 13:13 app -rwxrwxr-x 1 www-data www-data 1686 Apr 19 2021 artisan drwxrwxr-x 3 www-data www-data 34 Apr 19 2021 bootstrap -rwxrwxr-x 1 www-data www-data 2228 Feb 3 15:05 composer.json -rwxrwxr-x 1 www-data www-data 394922 Feb 3 15:05 composer.lock drwxrwxr-x 2 www-data www-data 4096 Dec 25 12:10 config drwxrwxr-x 5 www-data www-data 74 Jul 23 2023 database -rwxrwxr-x 1 www-data www-data 1018880 Mar 23 2022 documentation.pdf drwxrwxr-x 7 www-data www-data 153 Dec 25 12:10 lang drwxrwxr-x 472 www-data www-data 16384 Apr 9 10:07 node_modules -rwxrwxr-x 1 www-data www-data 1076 Feb 3 15:02 package.json -rwxrwxr-x 1 www-data www-data 353331 Apr 9 10:07 package-lock.json drwxrwxr-x 3 www-data www-data 23 Jul 30 2024 packages -rwxrwxr-x 1 www-data www-data 1343 Apr 23 2021 phpunit.xml drwxrwxr-x 7 www-data www-data 4096 Apr 9 10:07 public drwxrwxr-x 7 www-data www-data 83 Nov 2 2022 resources drwxrwxr-x 2 www-data www-data 75 Dec 25 12:10 routes -rwxrwxr-x 1 www-data www-data 547 Jul 30 2024 server.php drwxrwxr-x 5 www-data www-data 46 Apr 27 2021 storage drwxrwxr-x 4 www-data www-data 83 Apr 27 2021 tests drwxrwxr-x 58 www-data www-data 4096 Feb 3 16:05 vendor -rwxrwxr-x 1 www-data www-data 2502 Dec 25 11:10 vite.config.js root@cloud:/var/www/wims# cd public/ root@cloud:/var/www/wims/public# ls -l total 1304 -rwxrwxr-x 1 www-data www-data 3527 Dec 18 12:59 100.png -rwxrwxr-x 1 www-data www-data 4497 Dec 18 12:59 114.png -rwxrwxr-x 1 www-data www-data 4586 Dec 18 12:59 120.png -rwxrwxr-x 1 www-data www-data 5728 Dec 18 12:59 144.png -rwxrwxr-x 1 www-data www-data 6150 Dec 18 12:59 152.png -rwxrwxr-x 1 www-data www-data 8187 Dec 18 12:59 196.png -rwxrwxr-x 1 www-data www-data 11178 Dec 18 12:59 256.png -rwxrwxr-x 1 www-data www-data 1316 Dec 18 12:59 32.png -rwxrwxr-x 1 www-data www-data 1962 Dec 18 12:59 48.png -rwxrwxr-x 1 www-data www-data 27210 Dec 18 12:59 512.png -rwxrwxr-x 1 www-data www-data 3000 Dec 18 12:59 76.png -rwxrwxr-x 1 www-data www-data 3362 Dec 18 12:59 88.png drwxrwxr-x 2 www-data www-data 8192 Apr 9 10:07 assets drwxrwxr-x 3 www-data www-data 130 Dec 25 12:10 build drwxrwxr-x 2 www-data www-data 40 Dec 18 12:59 css -rwxrwxr-x 1 www-data www-data 1018880 Dec 18 12:59 documentation.pdf -rwxrwxr-x 1 www-data www-data 15406 Dec 18 12:59 favicon.ico -rwxrwxr-x 1 www-data www-data 1739 Dec 18 12:59 index.php drwxrwxr-x 3 www-data www-data 20 Dec 18 12:59 logos -rwxrwxr-x 1 www-data www-data 63425 Apr 9 10:07 manifest.json -rwxrwxr-x 1 www-data www-data 794 Apr 9 10:07 manifest.webmanifest -rwxrwxr-x 1 www-data www-data 1201 Dec 18 12:59 mix-manifest.json -rwxrwxr-x 1 www-data www-data 3620 Dec 18 12:59 offline.html -rwxrwxr-x 1 www-data www-data 134 Apr 9 10:07 registerSW.js -rwxrwxr-x 1 www-data www-data 26 Dec 18 12:59 robots.txt -rwxrwxr-x 1 www-data www-data 12794 Dec 18 12:59 service-worker.js lrwxrwxrwx 1 www-data www-data 32 Apr 9 10:05 storage -> /var/www/wims/storage/app/public -rwxrwxr-x 1 www-data www-data 17440 Apr 9 10:07 sw.js -rwxrwxr-x 1 www-data www-data 1581 Dec 18 12:59 sw-offline.js drwxrwxr-x 3 www-data www-data 23 Dec 18 12:59 vendor -rwxrwxr-x 1 www-data www-data 1183 Dec 18 12:59 web.config -rwxrwxr-x 1 www-data www-data 14986 Jan 23 00:08 workbox-4723e66c.js -rwxrwxr-x 1 www-data www-data 14986 Dec 18 12:59 workbox-cbf83eee.js -rwxrwxr-x 1 www-data www-data 14986 Apr 9 10:07 workbox-e3490c72.js root@cloud:/var/www/wims/public# cd build/ root@cloud:/var/www/wims/public/build# ls -l total 100 drwxrwxr-x 2 www-data www-data 4096 Dec 25 12:10 assets -rwxrwxr-x 1 www-data www-data 58069 Dec 25 12:10 manifest.json -rwxrwxr-x 1 www-data www-data 786 Dec 18 12:59 manifest.webmanifest -rwxrwxr-x 1 www-data www-data 146 Dec 18 12:59 registerSW.js -rwxrwxr-x 1 www-data www-data 6619 Dec 25 12:10 sw.js -rwxrwxr-x 1 www-data www-data 14986 Dec 25 12:10 workbox-8bfa659f.js root@cloud:/var/www/wims/public/build#

  • MS

    Mian Saleem

    Answered

    Hello,

    We are building the app in the public folder and it you change to @vite('resources/js/app.js') then vite will load the app from the public/build/ folder. If you need to build that way, you can remove build.outDir from vite.config.js

    Thank you

  • Login to Reply