I'm getting "Could not read source map for chrome-error://chromewebdata/:" When attempting to run my Flutter app on Chrome

Question

Here is the full error:

Could not read source map for chrome-error://chromewebdata/: Unexpected 503 response from chrome-error://chromewebdata/neterror.rollup.js.map: Unsupported protocol "chrome-error:"

I have tried clearing browsing data as suggested online but I can't seem to find any other guidance. Help much appreciated.

Expected

I was expecting for the app to launch in Chrome.

Dynamotor

Answer 1

Got the same in a react app upgraded to use vite ( you can get skeleton by yarn create vite repro -- --template react-ts )

The problem was because in my older app I missed index.html file that in turn contains the reference to the module "/src/index.tsx".

Throughout

Answer 2

try to run npm start in terminal

then start debugging f5 in vscode

Tarahtaran

Works perfectly as expected! – Gablet

In my case "npm run dev" command worked before f5. Just mentioning here as it might help someone. – Kannada

My case was debugging a Nuxt TypeScript app using pnpm; I needed to run pnpm run dev before launching the Chrome debug in VSCode. – Diathermic

Answer 3

Thank you Sinos Gray! Once I saw this, I realized all I needed to do was to add a preLaunchTask setting to the configuration in launch.json:

{
  "version": "0.2.0",
  "configurations": [
    {
      "preLaunchTask": "npm: start",
    },
  ]
}

Now it runs via run (F5)

Hope this helps!!! :)

Quotha

Answer 4

2 Could not read source map for chrome-error://chromewebdata/: Unexpected 503 response from chrome-error://chromewebdata/neterror.rollup.js.map: Unsupported protocol "chrome-error:"

Yorgos

Please don't post questions as answers. This is a similar type of error that the OP received. It's not the solution. – Regeniaregensburg

Please explain your answer as it looks like copy of OPs question and not the solution – Regeniaregensburg