# Identifying the dashboard crashing issue in the ScholarX app

**URL:** <https://sef.discourse.group/t/identifying-the-dashboard-crashing-issue-in-the-scholarx-app/284>\
**Category:** ScholarX\
**Created:** [June 6, 2021, 4:34am UTC](https://sef.discourse.group/t/identifying-the-dashboard-crashing-issue-in-the-scholarx-app/284 "2021-06-06T04:34:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\
**Post date:** [June 6, 2021, 4:34am UTC](https://sef.discourse.group/t/identifying-the-dashboard-crashing-issue-in-the-scholarx-app/284/1 "2021-06-06T04:34:09Z")

</div>

There’s an issue with accessing the admin panel and this thread is about debugging the issue and fixing the issue.

> [@Testing the Admin Flow of the ScholarX v1](https://sef.discourse.group/t/testing-the-admin-flow-of-the-scholarx-v1/280/5):
>
> Thanks for the detailed thread @kumuditha_udayanga! I found the same issue while testing the cloud version. created an issue as well. [Kapture 2021-06-05 at 13.58.24] [https://github.com/sef-global/scholarx/issues/157](https://github.com/sef-global/scholarx/issues/157) (Issue contains the log)

> <https://github.com/sef-global/scholarx-backend-v1/issues/157>
>
> \*\*Describe the bug\*\*
> The front end crashes when visiting the change state view …in the deployed version.
> 
> \*\*To Reproduce\*\*
> Steps to reproduce the behaviour:
> 1. Go to https://sef-scholarx.herokuapp.com/
> 2. Click on 'the manage button of an application
> 4. See the error
> 
> \*\*Expected behaviour\*\*
> The dashboard should load without an issue
> 
> \*\*Screenshots\*\*
> !\[Kapture 2021-06-05 at 13 58 24\](https://user-images.githubusercontent.com/33048395/120885682-c5c49e80-c607-11eb-937e-45eed7a2c93a.gif)
> 
> 
> \*\*Log\*\*
> \`\`\`
> bundle.js:305 Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
> at Object.Ko (bundle.js:305)
> at t.useState (bundle.js:297)
> at my (bundle.js:321)
> at $o (bundle.js:305)
> at gl (bundle.js:305)
> at cs (bundle.js:305)
> at ls (bundle.js:305)
> at Ql (bundle.js:305)
> at bundle.js:305
> at t.unstable\_runWithPriority (bundle.js:313)
> nl @ bundle.js:305
> bundle.js:305 TypeError: Cannot read property 'removeChild' of null
> at o.value (bundle.js:8)
> at o.value (bundle.js:8)
> at bundle.js:305
> at il (bundle.js:305)
> at ul (bundle.js:305)
> at fs (bundle.js:305)
> at t.unstable\_runWithPriority (bundle.js:313)
> at Wr (bundle.js:305)
> at ps (bundle.js:305)
> at Ql (bundle.js:305)
> nl @ bundle.js:305
> bundle.js:305 DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
> at ul (https://sef-scholarx.herokuapp.com/dist/bundle.js:305:86650)
> at fs (https://sef-scholarx.herokuapp.com/dist/bundle.js:305:99857)
> at t.unstable\_runWithPriority (https://sef-scholarx.herokuapp.com/dist/bundle.js:313:3844)
> at Wr (https://sef-scholarx.herokuapp.com/dist/bundle.js:305:45023)
> at ps (https://sef-scholarx.herokuapp.com/dist/bundle.js:305:97717)
> at Ql (https://sef-scholarx.herokuapp.com/dist/bundle.js:305:93871)
> at https://sef-scholarx.herokuapp.com/dist/bundle.js:305:45314
> at t.unstable\_runWithPriority (https://sef-scholarx.herokuapp.com/dist/bundle.js:313:3844)
> at Wr (https://sef-scholarx.herokuapp.com/dist/bundle.js:305:45023)
> at Kr (https://sef-scholarx.herokuapp.com/dist/bundle.js:305:45259)
> nl @ bundle.js:305
> bundle.js:305 Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
> at Object.Ko (bundle.js:305)
> at t.useState (bundle.js:297)
> at my (bundle.js:321)
> at $o (bundle.js:305)
> at gl (bundle.js:305)
> at cs (bundle.js:305)
> at ls (bundle.js:305)
> at Ql (bundle.js:305)
> at bundle.js:305
> at t.unstable\_runWithPriority (bundle.js:313)
> nl @ bundle.js:305
> bundle.js:313 Uncaught TypeError: Cannot read property 'removeChild' of null
> at o.value (bundle.js:8)
> at o.value (bundle.js:8)
> at bundle.js:305
> at il (bundle.js:305)
> at ul (bundle.js:305)
> at fs (bundle.js:305)
> at t.unstable\_runWithPriority (bundle.js:313)
> at Wr (bundle.js:305)
> at ps (bundle.js:305)
> at Ql (bundle.js:305)
> \`\`\`
> 
> \*\*Desktop (please complete the following information):\*\*
> - OS: MacOS
> - Browser Chrome
> - Version 91.0.4472.77 (Official Build) (arm64)

---

<div class="post-metadata">

**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\
**Post date:** [June 6, 2021, 3:23pm UTC](https://sef.discourse.group/t/identifying-the-dashboard-crashing-issue-in-the-scholarx-app/284/2 "2021-06-06T15:23:54Z")

</div>

First I couldn’t reproduce the bug locally then I found that in the spring boot app the static files are under another file called `dist` like `static/dist`. but if we didn’t put the `bundle.js` under the `dist` it works fine.

I think that might be the issue. There are two changes to be done in order to serve the files under static.

1. Update the webpack config
2. Update the travis script in the backend

But I’m not sure about this but we can give it a try.

---

<div class="post-metadata">

**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\
**Post date:** [June 6, 2021, 3:43pm UTC](https://sef.discourse.group/t/identifying-the-dashboard-crashing-issue-in-the-scholarx-app/284/3 "2021-06-06T15:43:18Z")

</div>

> <https://github.com/sef-global/scholarx-frontend/issues/172>
>
> \*\*Is your feature request related to a problem? Please describe.\*\*
> - Currently…, the webpack configuration says the public path as \`/dist/\` actually it should be \`/\`
> 
> \*\*Describe the solution you'd like\*\*
> \- Change the public path as \`/\`

> <https://github.com/sef-global/scholarx/issues/158>
>
> \*\*Is your feature request related to a problem? Please describe.\*\*
> \- Current \`b…efore\_script\` file needs to be changed because we are copying build content from the dist and moving the HTML file outside which is not good
> 
> \*\*Describe the solution you'd like\*\*
> \- Update the script to get the dist content and paste them under the static file

---

<div class="post-metadata">

**Author:** ![anjisvj](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/anjisvj/32/9_2.png) [@anjisvj](https://sef.discourse.group/u/anjisvj)\
**Post date:** [June 7, 2021, 6:07am UTC](https://sef.discourse.group/t/identifying-the-dashboard-crashing-issue-in-the-scholarx-app/284/4 "2021-06-07T06:07:49Z")

</div>

After sending the PR’s for the above issues, we had to do a hotfix and release a minor version.  
We released the v1.2.1 with that release admin is working now.

PRs of above issues:

> <https://github.com/sef-global/scholarx/pull/159>
>
> \## Purpose
> 
> \- The purpose of this PR is to fix #158 
> 
> \## Goals
> 
> \- Serve ev…ery static file under the same directory
> 
> \## Approach
> 
> \- Updated the travis script file
> 
> \## Checklist
> \- \[x\] This PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.
> \- \[x\] I have read and understood the development best practices guidelines ( http://bit.ly/sef-best-practices )
> \- \[x\] My code follows the style guidelines of this project
> \- \[x\] I have performed a self-review of my own code
> \- \[\] I have commented my code, particularly in hard-to-understand areas
> \- \[\] I have made corresponding changes to the documentation

> <https://github.com/sef-global/scholarx-frontend/pull/173>
>
> \## Purpose
> 
> \- The purpose of this PR is to fix #172 
> \## Goals
> 
> \- Changing t…he build public path
> 
> \## Approach
> 
> \- Updated the webpack config file
> \- Updated the index HTML file
> 
> \## Checklist
> \- \[x\] This PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.
> \- \[x\] I have read and understood the development best practices guidelines ( http://bit.ly/sef-best-practices )
> \- \[x\] My code follows the style guidelines of this project
> \- \[x\] I have performed a self-review of my own code
> \- \[x\] I have commented my code, particularly in hard-to-understand areas
> \- \[\] I have made corresponding changes to the documentation

Release PRs:

> <https://github.com/sef-global/scholarx/pull/160>
>
> \## Purpose
> 
> The purpose of this PR is to fix dashboard crashing issue
> 
> \## Go…als
> 
> \- Avoid creating dist folder
> 
> \## Approach
> 
> \-Updated the travis file
> 
> \## Checklist
> \- \[x\] This PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.
> \- \[x\] I have read and understood the development best practices guidelines ( http://bit.ly/sef-best-practices )
> \- \[x\] My code follows the style guidelines of this project
> \- \[x\] I have performed a self-review of my own code
> \- \[\] I have commented my code, particularly in hard-to-understand areas
> \- \[\] I have made corresponding changes to the documentation

> <https://github.com/sef-global/scholarx-frontend/pull/174>
>
> \## Purpose
> 
> The purpose of this PR is to Release ScholarX v1.2.1
> 
> \## Goals
> …
> \- Fix the dashboard crashing issue
> 
> \## Approach
> 
> \- Updated the webpack config
> 
> \## Checklist
> \- \[x\] This PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.
> \- \[x\] I have read and understood the development best practices guidelines ( http://bit.ly/sef-best-practices )
> \- \[x\] My code follows the style guidelines of this project
> \- \[x\] I have performed a self-review of my own code
> \- \[\] I have commented my code, particularly in hard-to-understand areas
> \- \[\] I have made corresponding changes to the documentation

---

<div class="post-metadata">

**Author:** ![jaye](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/jaye/32/810_2.png) [@jaye](https://sef.discourse.group/u/jaye)\
**Post date:** [June 7, 2021, 6:56am UTC](https://sef.discourse.group/t/identifying-the-dashboard-crashing-issue-in-the-scholarx-app/284/5 "2021-06-07T06:56:53Z")

</div>

Thanks, @anjisvj ! I tested it, and it works fine now! I guess the problem might be having linked two bundle.js files.

Also, this has been fixed the twice loading issue as well.

Well done @anjisvj !

---

<div class="post-metadata">

**Author:** ![Gravewalker](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/gravewalker/32/12_2.png) [@Gravewalker](https://sef.discourse.group/u/Gravewalker)\
**Post date:** [June 7, 2021, 7:17am UTC](https://sef.discourse.group/t/identifying-the-dashboard-crashing-issue-in-the-scholarx-app/284/6 "2021-06-07T07:17:17Z")

</div>

Amazing work @anjisvj  
👏