Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html" - Nuxt 3 SSR Azure Web App

I created one sample NUXT SSR app and added the nitro configuration in my nuxt.config.js like below and it the Web app ran successfully like below:-

nuxt.config.js:-

export default {
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: 'nuxtappsid',
    htmlAttrs: {
      lang: 'en'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
      { name: 'format-detection', content: 'telephone=no' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [
  ],

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [
  ],

  // Auto import components: https://go.nuxtjs.dev/config-components
  components: true,

  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
  buildModules: [
    // https://go.nuxtjs.dev/typescript
    '@nuxt/typescript-build',
  ],

  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [
  ],

  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {
  },
  nitro: {
    publicAssets: ['/_nuxt/**/*'],
    dynamicRoutes: {
        enabled: true,
        exclude: ['/public/**/*']
    }
},
}

Also, Try adding all your .js and .js extension in publicAsset section of nuxt.config.js file like below:-

publicAssets: ['/_nuxt/**/*', '.js', '.mjs'],

As per the suggestion by Jalpa Panchal try to Edit your web.config like below:-

<staticContent>
  <remove fileExtension=".js" />
  <mimeMap fileExtension=".js" mimeType="application/javascript" />
  <mimeMap fileExtension=".mjs" mimeType="application/javascript" />
</staticContent>

In your web.config try adding cache control like below to resolve your issue:-

<staticContent>
  <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" />
</staticContent>

Check that your deployment to Azure DevOps is correctly moving the produced JavaScript files to the correct locations. This error can occur if the files are not deployed or are in the incorrect directory.

One more alternative is to check Diagnose and Solve Problem tab in your Azure web app and get insight in your issue:-

Try the below DevOps yaml pipeline for your Nuxt App deployment:-

trigger:
- master

variables:

  
  azureSubscription: 'xxxxx7439c'

  # Web app name
  webAppName: 'valleywebapp980'

  # Environment name
  environmentName: 'valleywebapp980'

  # Agent VM image name
  vmImageName: 'ubuntu-latest'

stages:
- stage: Build
  displayName: Build stage
  jobs:
  - job: Build
    displayName: Build
    pool:
      vmImage: $(vmImageName)

    steps:
    - task: NodeTool@0
      inputs:
        versionSpec: '10.x'
      displayName: 'Install Node.js'

    - script: |
        npm install
        npm run build --if-present
        npm run generate
        npm run test --if-present
      displayName: 'npm install, build and test'

    - task: ArchiveFiles@2
      displayName: 'Archive files'
      inputs:
        rootFolderOrFile: '$(System.DefaultWorkingDirectory)'
        includeRootFolder: false
        archiveType: zip
        archiveFile: $(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip
        replaceExistingArchive: true

    - upload: $(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip
      artifact: drop

- stage: Deploy
  displayName: Deploy stage
  dependsOn: Build
  condition: succeeded()
  jobs:
  - deployment: Deploy
    displayName: Deploy
    environment: $(environmentName)
    pool:
      vmImage: $(vmImageName)
    strategy:
      runOnce:
        deploy:
          steps:
          - task: AzureWebApp@1
            displayName: 'Azure Web App Deploy: valleywebapp980'
            inputs:
              azureSubscription: $(azureSubscription)
              appType: webAppLinux
              appName: $(webAppName)
              runtimeStack: 'NODE|10.10'
              package: $(Pipeline.Workspace)/drop/$(Build.BuildId).zip
              startUpCommand: 'npm run start'

I solved my problem by making sure my web.config's rewrite matching pattern didn't match my JavaScript file's name. My rewrite pattern was for 'Edit(or)?'. I basically wanted any request with this pattern to rewrite to another url. The problem was my JavaScript file was named 'newsEditor.js'. This caused my html page to search for the JavaScript file at the wrong URL.