App in Development Showing blank screen on all app related URLs

[axeltta]

(I’m not a developer, developing my own app and learning to code as I go along)

Hello, this is the second time this happens where my app shows a blank screen on shopify admin, the first time, I created a whole new app because I couldn’t fix the issue. Even when I direct to /app, /app/additional which are all default pages that usually work well. I have no clue how to fix this.

Could this be because I have an error with my app with the ‘tsconfig.json’ file?. The error is " Option ‘module’ must be set to ‘Node16’ when option ‘moduleResolution’ is set to ‘Node16’." and the error doesnt change no matter what I type and change in this file.

Any help with either of these issues would be greatly appreciated! (in easy to understand terms pls

[lizk]

Hi there

To investigate your app no longer loading there are two places I would look first for error messages

1. The developer console in Chrome.
2. The server logs for your application. These will be in the terminal output where you ran npm run dev

Your app not loading may or may not be related to the tsconfig error. If you are using the app template from the Shopify CLI here is the current tsconfig provided there.

{
  "include": ["**/*.ts", "**/*.tsx"],
  "compilerOptions": {
    "lib": ["DOM", "DOM.Iterable", "ES2019"],
    "strict": true,
    "skipLibCheck": true,
    "isolatedModules": true,
    "allowSyntheticDefaultImports": true,
    "removeComments": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "allowJs": true,
    "jsx": "react-jsx",
    "module": "Node16",
    "moduleResolution": "Node16",
    "target": "ES2019",
    "baseUrl": ".",
    "paths": {
      "~/*": ["./app/*"]
    },
    "types": [
      "node", "@shopify/app-bridge-types"
    ]
  }
}

[Mayank_9]

I have faced this issue of black screen multiple times and still not solved. Any leads will be appreciated!

[smush1]

This might be due to using some browser extension of adblocker or a brave browser that blocks ad. hence you need to turn off the adblockers.

[TalhaFerah]

I encountered a similar issue and disabling the ad blocker resolved the problem

[huzhop]

I confirm this issue is resolved by disabling ad blocker

[smush1]

Glad it helped

[smush1]

Glad it helped