JavaScript API
An Office service that supports add-ins to interact with objects in Office client applications.
1,054 questions
Malformed JavaScript file served to the browser from App Service
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(156.8, 86%, 25%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EDG%3C/text%3E%3C/svg%3E)
Damian Głowala
0
Reputation points
I have deployed a Nuxt 3 web app using Azure App Service (on Linux). However, one of the JavaScript assets is malformed when served to the browser, which looks really odd:
I have excluded the possibility of file being corrupted after the build is completed, as when accessing the release's files via SSH in Kudu, the file looks correct (compared to the above):
I would really appreciate any hints as to what the cause might be, I am completely clueless at this point... Thank you!
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(153.6, 92%, 24%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
ajkuma 28,121 Reputation points Microsoft Employee2024-03-07T09:58:00.19+00:00 To better assist you on this, just to clarify, was this working fine before? or the issue is happening since the first deployment? Does it work locally fine?
To fetch more info on this, enable and review logs to fetch more details about the error:
Enable diagnostics logging for apps in Azure App Service and #access-log-files
Also, review the spelling:
Vite_mapDeps.viteFileDepsVite_mapDeps.viteFileDep
Kindly let us know, I'll follow-up with you.
Additionally, just to highlight, Using PM2 on App Service Linux
To run PM2 successfully inside the docker container in Azure App Service Linux, be sure to use the
--no-daemonargument because PM2 needs to run in the foreground for the container to work properly. Alternative you can also usepm2-runtime, which is another option to run the aplication in the foreground designed for using with containers, e.g.pm2-runtime start index.js.pm2 serve /home/site/wwwroot/dist --no-daemon --spa
-
Damian Głowala 0 Reputation points
2024-03-07T12:03:12.03+00:00 To better assist you on this, just to clarify, was this working fine before? or the issue is happening since the first deployment? Does it work locally fine?
This is happening since the first deployment. It works fine locally when building for production and previewing the app.
Also, review the spelling: Vite_mapDeps.viteFileDeps Vite_mapDeps.viteFileDep
When I inspect the contents of this particular JavaScript file directly in App Service's file system through SSH, it is completely fine and the syntax isn't malformed. However, it is malformed when inspected in the browser. Something cuts the ending of the file during transfer to the client. I am really running out of ideas what this might be...
Additionally, just to highlight, Using PM2 on App Service Linux
Thank you for mentioning about PM2 - I have integrated it into the App Service!
-
Damian Głowala 0 Reputation points
2024-03-08T13:09:32.4933333+00:00 UPDATE:
I can confirm the deployment works fine when done from VS Code Azure extension. It's the AzureWebApp@1 task within Azure DevOps which most likely impacts the final result. What should I check in CI/CD? Is it the right task for the job?
-
ajkuma 28,121 Reputation points Microsoft Employee
2024-03-09T14:57:12.12+00:00 Thanks for the follow-up and additional info. Glad to know that the deployment works fine from VS code.
WEBSITE_WEBDEPLOY_USE_SCM' set in Application settings to True: Environment variables and app settings in Azure App Service and then check.
Azure Web App service deployments related issues and Debug logs and tips for further debugging to fetch more info.
I'll follow-up privately to fetch more info.
Sign in to comment
Sign in to answer