Run time compile error?

[oldskeptic]

On attempting to run project npm run dev

[1] ℹ ｢wds｣: webpack output is served from 
[1] ℹ ｢wds｣: Content not from webpack is served from /Users/warren/Documents/PSW-2020-2021/MITR-Project/frontend/public
[1] ℹ ｢wds｣: 404s will fallback to /
[1] Starting the development server...
[1] 
[1] Failed to compile.
[1] 
[1] ./src/App.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/App.css)
[1] Error: No valid exports main found for '/Users/warren/Documents/PSW-2020-2021/MITR-Project/frontend/node_modules/colorette'

Connections on port 5000 list the same:

Failed to compile

./src/App.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/App.css)
Error: No valid exports main found for '/Users/warren/Documents/PSW-2020-2021/MITR-Project/frontend/node_modules/colorette'

This error occurred during the build time and cannot be dismissed.```

[KristoferKwan]

According to this issue forum facebook/create-react-app#9273, it seems that the two main options to solve this issue are:

1. uninstall colorette and install version 1.2.1 via npm uninstall colorette npm i colorette@1.2.1

or

2. Change your node version. The forum mentions v14, albeit our solution was built with v12 to v12 and npm version to v6 (as those are the versions in which our project was developed on).

Please kindly try the first solution. If that doesn't work, could you try to change your node version to v12 and npm packaging version to v6?