Issue with Blank Screen and JavaScript Errors on MIT App Inventor Dev Server

Open Source Development
1

Hello,

I have been working on the MIT App Inventor development environment on my Mac (M1). Initially, I set up the server successfully, and everything worked fine without any issues. However, when I returned to run the server again after some time, I started encountering problems.

I launched the development server using the following command:

/Users/nayakdivyanshu/Downloads/google-cloud-sdk/bin/java_dev_appserver.sh --port=8888 --address=0.0.0.0 appengine/build/war/

The server started without any errors in the terminal, and I accessed the development instance at http://localhost:8888. However, the browser displays a blank screen, and the developer console shows several JavaScript errors.

Errors in the Developer Console

  1. aiblockly-0.nocache.js:

    Uncaught TypeError: Cannot read properties of undefined (reading 'register')  
    at aiblockly-0.nocache.js:5465:17461  
    at aiblockly-0.nocache.js:5465:38824  
    at aiblockly-0.nocache.js:5465:38830  
    at aiblockly-0.nocache.js:5465:247  
    at aiblockly-0.nocache.js:5465:321

  2. scroll-options-5.0.11.min.js:

    Uncaught TypeError: Class extends value undefined is not a constructor or null  
    at scroll-options-5.0.11.min.js:2:1069  
    at scroll-options-5.0.11.min.js:2:7868  
    at scroll-options-5.0.11.min.js:2:7874  
    at scroll-options-5.0.11.min.js:2:247  
    at scroll-options-5.0.11.min.js:2:321

  3. workspace-multiselect-0.1.14-beta1.min.js:

    Uncaught TypeError: e.Css.register is not a function  
    at workspace-multiselect-0.1.14-beta1.min.js:2:75842  
    at workspace-multiselect-0.1.14-beta1.min.js:2:91482  
    at workspace-multiselect-0.1.14-beta1.min.js:2:91488  
    at workspace-multiselect-0.1.14-beta1.min.js:2:247  
    at workspace-multiselect-0.1.14-beta1.min.js:2:321

  4. keyboard-navigation-0.5.13.min.js:

    Uncaught TypeError: Class extends value undefined is not a constructor or null  
    at keyboard-navigation-0.5.13.min.js:2:1657  
    at keyboard-navigation-0.5.13.min.js:2:26813  
    at keyboard-navigation-0.5.13.min.js:2:26819  
    at keyboard-navigation-0.5.13.min.js:2:247  
    at keyboard-navigation-0.5.13.min.js:2:321

Additionally, the "Network" tab in the browser shows that some JavaScript files are failing to load with a 404 (Not Found) error, such as deps.js.

Steps I Have Tried

  1. Rebuilding the Project:
    Ran ant clean and then ant. The build completes successfully, but the issue persists.

  2. Cleared Cache and Hard Reload:
    Cleared the browser cache and performed a hard reload, but it didn’t resolve the issue.

Environment Details

  • macOS: Mac M1
  • Java Version:
    openjdk 11.0.25 2024-10-15 LTS  
OpenJDK Runtime Environment Zulu11.76+21-CA (build 11.0.25+9-LTS)  
OpenJDK 64-Bit Server VM Zulu11.76+21-CA (build 11.0.25+9-LTS, mixed mode)
  • Apache Ant Version:
    Apache Ant(TM) version 1.10.15 compiled on August 25 2024
  • Google Cloud SDK: Installed and configured

Request for Help

I would appreciate it if someone could guide me on resolving this issue.

Thank you in advance for your assistance!

2

I believe deleting the existing appinventor-sources folder and recloning the repository might resolve this issue?