Truffle Dashboard is a blank page

[Bodiebuilds]

• I've opened a support ticket before filing this issue.

---

Issue

Running truffle dashboard opens a blank page

Steps to Reproduce

nvm use 14
npm i -g truffle
npm truffle dashboard

tried rolling back versions but still same issue
npm uninstall -g truffle
npm i -g truffle@v5.5.3

Expected Behavior

open truffle dashboard webpage

Actual Results

node version is good and tried rolling back various versions of truffle (5.5.3 ; 5.5.4 and latest version) with no luck. Updated VS code as well. running dashboard command brings me to a blank white page. It has worked before with no problem but has been giving me this same result now.

Environment

• Operating System: macOS
• Ethereum client:
• Truffle version (truffle version):5.5.11
• node version (node --version): 14.9.1
• npm version (npm --version): 6.14.16

[lsqproduction]

@Bodiebuilds Thank you for opening the issue. Please note npm truffle dashboard is not the correct command. It should just be truffle dashboard. May I also know what are the terminal outputs you were getting after running this command?
Attaching a guide for truffle dashboard

[dashboarduser]

I have the same problem after truffle reinstallation
npm uninstall -g truffle
npm install -g truffle
truffle dashboard — opens blank in Chrome (my default browser)
sudo truffle dashboard — opens in Safari all good, but can't use MetaMask

Environment:
macOS
truffle version
Truffle v5.5.12 (core: 5.5.12)
Ganache v^7.1.0
Solidity - 0.8.13 (solc-js)
Node v14.18.2
Web3.js v1.5.3

[gnidan]

Thanks for reporting this! We've heard of a couple users running into this periodically, but we haven't been able to get the information we need to understand what's causing this behavior. If this is still occurring for anyone, would you mind please checking the browser console (like, right-click -> Inspect, or see these instructions for Chrome) and share any errors you see?

Also, if the truffle dashboard terminal window has any odd-looking output, please share that as well! Any additional information would be enormously helpful, because otherwise we're a bit stumped.

Thanks all. 🙏

[sukanyaparashar]

Closing this for issue maintenance. @Bodiebuilds, please feel free to open a new issue if it still exists.

[emilyJLin95]

Just ran into this

The inspect gives:

GET http://localhost:24012/static/js/2.c92ece40.chunk.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:24012/static/js/main.13631e75.chunk.js net::ERR_ABORTED 404 (Not Found)

Nothing looks weird on the terminal side

Output from truffle version
Truffle v5.5.21 (core: 5.5.21)
Ganache v7.2.0
Solidity v0.5.16 (solc-js)
Node v16.14.2
Web3.js v1.7.4

[emilyJLin95]

Actually uninstalled truffle, updated node, and reinstalled truffle, and now everything works find again. Feel free to close then?

After reinstalling:
Truffle v5.5.21 (core: 5.5.21)
Ganache v7.2.0
Solidity v0.5.16 (solc-js)
Node v16.16.0
Web3.js v1.7.4

[cliffoo]

🤷‍♂️ I guess I'll keep this in the back of my head as I work through pr#5241. Thanks for reopening this.

[cliffoo]

So this just happened to me on Truffle v5.5.20. I got similar error output as @emilyJLin95 shared.

I restarted truffle dashboard, hard-refreshed the page and it's back.

Doesn't seem like a frontend issue as the build is clearly there. Perhaps something is up with how the build is served by the dashboard server. I'll keep this in mind.

EDIT: Actually no need to restart dashboard, it happened again and a hard refresh was enough. I'm switching around different Truffle versions, but not sure if that's relevant.

EDIT: Screenshot

[haltman-at]

OK, this should now be fixed! There is still a problem where you'll get a blank page if MetaMask isn't installed, but I'm going to open that as a separate issue.

[Faisal-FS]

Although the issue is closed but I am sharing my solution here.

Got the same issue but the error output was different for me:

On the suggestion of @haltman-at.

After the installation of MetaMask extensions in chrome. The page is back again.

Thanks @haltman-at