Getting blank screen and Error - SCRIPT5022: SCRIPT5022: Expected '(' while loading React app URL using WebView control

27 Views Asked by At

We have build React SPA built using Vite, Typescript, and Tailwindcss. Now we are facing problem while loading the above hosted react app URL inside WebView of UWP solution. The same URL getting loaded using Webview2 controller which comes with latest target version of UWP(Build 19041). But in our case, we don't want to upgrade the version so need to achieve the same using current UWP version(Build 14393). Any help on this will be appreciated. enter image description here

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Vite + React + TS</title>
  </head>
  <body>
    <div id="root"></div>
    <!-- needed for outdated peer-dependencies that use global variable -->
    <script>
       if (globalThis === undefined) {
        var globalThis = window;
      }
       window.global = globalThis
    </script>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>
0

There are 0 best solutions below