MapBoxGL error

[irvingbennett]

Discussed in #192

^{Originally posted by irvingbennett January 6, 2022}
Hi yihong and company! I forked your running page and managed to get it running. It took me some work because it didn't want to build with Gatsby 2.x because some libraries were too old. I managed to get working with Gatsby 4.0 and its going great on my local machine! I really like your app.
I also managed to deploy the app on Vercel and Gatsby Cloud. Both those installations build and run (after some tweaks). Both of those installations fail to show the map and have MapBoxGL errors that can be seen in the developers console:
77e41395-87bb-4f6d-86fc-2386ddd3dbdd:1 An error occurred while parsing the WebWorker bundle. This is most likely due to improper transpilation by Babel; please see https://docs.mapbox.com/mapbox-gl-js/guides/install/#transpiling

Have you seen this problem in your deployments?

My running page on Vercel: https://running-page-irving1.vercel.app/
Azure
Gatsby Cloud

[yihong0618]

Thanks you like it. Will take a look
I think we should update the dependencies to latest.
@geekplux can you help me about this error~

[yihong0618]

Btw, any PR always welcome.

[irvingbennett]

Thanks yihong! I can make a pull request if you wish. I updated all dependencies, most of them anyway, to be compatible with Gatsby 4.0. I also had to use NPM install instead of Yarn because it kept failing on the install. The Running Page loads beautifully on my local install. It just fails to show something in the map when its built on any of the services mentioned: Gatsby Cloud, Vercel and Azure.

[yihong0618]

Your world map is amazing
@irvingbennett @shaonianche
I created a new branch version_fix please PR here and let's fix the dependicies together.

[irvingbennett]

Thanks @yihong0618! Please outline the steps for me to create a pull request against version fix. I know github but I mostly use it for my own purposes.

[yihong0618]

Thanks @yihong0618! Please outline the steps for me to create a pull request against version fix. I know github but I mostly use it for my own purposes.

https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request

[yihong0618]

@irvingbennett seems that is mapbox token problem can you use your own mapbox token and give a try?

can you try this?
mapbox/mapbox-gl-js#10173

[shaonianche]

@irvingbennett earlier in the day, I added the following code to solve this problem, can you try this?

Transpilation of V2.0.0+ #10565
shaonianche/running-data-sync@4419135

"browserslist": {
  "production": [
    ">0.2%",
    "not dead",
    "not op_mini all",
    "not chrome < 51",
    "not safari < 10"
  ],
  "development": [
    "last 1 chrome version",
    "last 1 firefox version",
    "last 1 safari version"
  ]
}

[yihong0618]

@irvingbennett we updade all the version can you give a test?

[irvingbennett]

Hi Yihong! I will give it a spin and see how it goes.