Unable to start app build with node version 14 which is working on node version 16

General
1

I am working on a POC. My POC app works with the following setup
Node: 16.14.0
NPM: 8.3.1
react-scripts: 4.0.1

We are planning to inegrate POC changes into one of our existing apps with the following setup
Node: 14.19.1
NPM: 6.14.16
react-scripts: 4.0.1

When I try to integrate POC changes with our existing app, I am getting following error during npm start

Starting the development server...

Failed to compile.

./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js
Module not found: Can't resolve 'jquery' in 'C:\Users\jsonforms-react-seed\node_modules\bootstrap\dist\js'
Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp'
Compiling...
Failed to compile.

./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js
Module not found: Can't resolve 'jquery' in 'C:\Users\jsonforms-react-seed\node_modules\bootstrap\dist\js'

package.json file

  "dependencies": {
    "@emotion/react": "^11.5.0",
    "@emotion/styled": "^11.3.0",
    "@jsonforms/core": "3.0.0-beta.0",
    "@jsonforms/material-renderers": "3.0.0-beta.1",
    "@jsonforms/react": "3.0.0-beta.1",
    "@jsonforms/vanilla-renderers": "3.0.0-beta.1",
    "@material-ui/core": "^4.12.4",
    "@mui/icons-material": "^5.2.0",
    "@mui/lab": "^5.0.0-alpha.58",
    "@mui/material": "^5.2.2",
    "@mui/styles": "^5.2.3",
    "@reduxjs/toolkit": "1.5.0",
    "@types/node": "^14.14.14",
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.0",
    "@types/react-redux": "7.1.16",
    "@types/underscore": "^1.11.4",
    "bootstrap": "^4.5.3",
    "react": "^17.0.1",
    "react-bootstrap": "^1.4.3",
    "react-bootstrap-icons": "^1.4.0",
    "react-custom-events": "^1.0.9",
    "react-dom": "^17.0.1",
    "react-redux": "^8.0.2",
    "react-use-wizard": "^2.2.0",
    "typescript": "^4.1.3",
    "underscore": "^1.13.4"
  },
  "devDependencies": {
    "cypress": "^6.1.0",
    "react-error-overlay": "^6.0.9",
    "react-scripts": "^4.0.1",
    "start-server-and-test": "^1.11.6"
  },

Can you please help me out? I am stuck.

2

HI @pankaj-z,

The error seems to come from bootstrap. Did you try to install jquery too as it seems to complain about it being missing?

Some other things I noticed:

  • You’re using two different versions of the JSON Forms dependencies (beta.0) and (beta.1). This should never be done as we don’t guarantee compatibility when mixing JSON Forms versions. I would like to recommend to just upgrade all of them to beta.5.
  • You have both Material UI v4 and Material UI v5 in your dependencies. You should only be using one version as they are incompatible with each other.
3

Hi @sdirix thanks for the prompt reply. My problem is the same app is working with
Node: 16.14.0
NPM: 8.3.1
react-scripts: 4.0.1
Environment: Windows 10

but not with
Node: 14.19.1
NPM: 6.14.16
react-scripts: 4.0.1
Environment: Windows 10

Am I missing something?