Issues with Compiling P5 on Apple Based Silicon Chips(M series Macbooks)

[Ayush23Dash]

Hello,
This issues serves as a discussion point for compiling p5 repository on Apple Based Silicon Chips(M series Macbooks).

This is in continuation to the issue #6181.

Issues I am facing on M series Macbook

Whenever I try to run :
npm test || npm run build || npm run dev in order to compile p5 repo(after installing the required npm packages using npm ci),
it produces the warning : Cannot read properties of undefined (reading 'getJSON') Use --force to continue.

It produces the same warning with npm test --force as well.

However. when I tried to run the same commands on an intel chip powered Macbook, as suggested by @limzykenneth , @almchung, @nbriz

Everything compiled as expected.

The npm test command
worked, and npm run dev also worked and it compiled and ran on the following server on chrome!!

So this issue serves as a reference for anyone trying to compile and run p5 repo on a M series powered Macbook.

We could look about it in the future at the blockers which stop it from being compiled on M series powered Macbooks.

Anyone having a view point/solution on this issue is welcome to comment below!!

[nbriz]

thnx for putting this together @Ayush23Dash! i'm copy+pasting ur version info from the previous issue here for easy reference by other folks who might work on this issue (but please correct me if i got that wrong):

Node Version : 18.16.0
Npm Version : 9.6.7

[limzykenneth]

I'm still not able to replicate this on an M1 Macbook Pro. Is the machine you are trying an M1 or M2? Can any one else replicate this?

It could be a local configuration issue instead of an architecture chip issue.

[davepagurek]

Just tried this on my 16" 2021 M1 Macbook Pro on a fresh clone of the repo and everything also seems to build for me. @limzykenneth any idea what getJSON is being called from? It looks like it's from one of p5's dependencies?

[limzykenneth]

I think it is from jQuery that is run as part of the setup of in browser testing. jQuery in this case could be blocked from loading or running so I'm thinking likely a local configuration issue, maybe on the browser level.

[Ayush23Dash]

I tried on a M2Pro Chip,
However I will look into Chrome if jQuery is blocked.
Thanks for the info @davepagurek @limzykenneth !!

[Ayush23Dash]

I tried everything possible, googled many solutions, but ain't coming to a workaround.
@limzykenneth can you please suggest any local config issues, that could be tried!?
Thanks a lot in advance!!

[davepagurek]

Assuming this is coming from code trying to use jquery, does the error go away if you remove these lines, which I think are the bits that try to use jquery?

p5.js/docs/yuidoc-p5-theme/layouts/main.handlebars

Lines 62 to 64 in 2222f52

	<script src="{{projectAssets}}/js/require.min.js"></script>
	<script src="{{projectAssets}}/js/render.js"></script>
	<script src="{{projectAssets}}/js/reference.js"></script>

We don't actually want to remove those permanently, but I'm trying to think of ways to narrow down the problem.

[Ayush23Dash]

Hi @davepagurek
I tried this, but sadly this did not work as well :(

[limzykenneth]

Can you see if you are able to get a more verbose log with npx grunt --verbose and whether it contain any more info?

[Ayush23Dash]

Yup, it produces the following error: