🚨 Black Friday: 85% OFF Flatlogic Generator! 🚨 Build your custom CRM, ERP, or SaaS app with full code ownership—don’t miss out!

I buy a template react-material-admin-full-v2.3.3 but I can't start the instance, will I can do?

User profile image
MarĂ­a Camila Bernal

I bought the react-material-admin-full-v2.3.3 template, I followed the steps in the Readme, but when I give "yarn start" it throws me an error:

yarn run v1.22.19 $ react-scripts start node:internal/modules/cjs/loader:556 throw e; ^

Error [ERRPACKAGEPATHNOTEXPORTED]: Package subpath './lib/tokenize' is not defined by "exports" in /home/ia/Documentos/digitalWareadvisory/demo/frontend/nodemodules/postcss-safe-parser/nodemodules/postcss/package.json at new NodeError (node:internal/errors:399:5) at exportsNotFound (node:internal/modules/esm/resolve:266:10) at packageExportsResolve (node:internal/modules/esm/resolve:602:9) at resolveExports (node:internal/modules/cjs/loader:550:36) at Module.findPath (node:internal/modules/cjs/loader:619:31) at Module.resolveFilename (node:internal/modules/cjs/loader:1046:27) at Module.load (node:internal/modules/cjs/loader:905:27) at Module.require (node:internal/modules/cjs/loader:1127:19) at require (node:internal/modules/helpers:112:18) at Object. (/home/ia/Documentos/digitalWareadvisory/demo/frontend/nodemodules/postcss-safe-parser/lib/safe-parser.js:1:17) { code: 'ERRPACKAGEPATHNOTEXPORTED' }

Node.js v19.5.0

I have the versions: $ node --version v19.5.0

$ npm --version 9.3.1

Can you help me?

User profile image

You need to use version 16 of nodejs to run this template

User profile image
MarĂ­a Camila Bernal

Also I have some warnings

yarn install v1.22.19 info No lockfile found. [1/4] Resolving packages... warning [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. warning react-google-maps > babel-runtime > [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js. warning react-google-maps > recompose > fbjs > [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js. warning react-scripts > [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. warning react-scripts > [email protected]: This loader has been deprecated. Please use eslint-webpack-plugin warning react-scripts > [email protected]: please switch to a stable version warning react-scripts > [email protected]: "Please update to latest v2.3 or v2.2" warning react-scripts > webpack-dev-server > [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies warning react-scripts > webpack-dev-server > chokidar > [email protected]: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2 warning react-scripts > babel-jest > @jest/transform > jest-haste-map > [email protected]: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2 warning react-scripts > @svgr/webpack > @svgr/plugin-svgo > [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x. warning react-scripts > jest-environment-jsdom-fourteen > jsdom > [email protected]: Use your platform's native performance.now() and performance.timeOrigin. warning react-scripts > jest-environment-jsdom-fourteen > jsdom > [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142 warning react-scripts > jest-environment-jsdom-fourteen > jsdom > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142 warning react-scripts > webpack-dev-server > url > [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead. warning react-scripts > webpack-dev-server > webpack-log > [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. warning react-scripts > webpack-dev-server > sockjs > [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. warning react-scripts > jest-environment-jsdom-fourteen > jsdom > request > [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/[email protected]: Switch to 'npm install joi' warning react-scripts > babel-jest > @jest/transform > jest-haste-map > [email protected]: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added warning react-scripts > @svgr/webpack > @svgr/plugin-svgo > svgo > [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility warning react-scripts > jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142 warning react-scripts > jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142 warning react-scripts > jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > [email protected]: Use your platform's native performance.now() and performance.timeOrigin. warning react-scripts > webpack > watchpack > watchpack-chokidar2 > [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies warning react-scripts > jest-environment-jsdom-fourteen > jsdom > request > [email protected]: this library is no longer supported warning react-scripts > postcss-preset-env > postcss-color-functional-notation > postcss-values-parser > [email protected]: flatten is deprecated in favor of utility frameworks such as lodash. warning react-scripts > optimize-css-assets-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x. warning react-scripts > resolve-url-loader > rework > css > [email protected]: Please see https://github.com/lydell/urix#deprecated warning react-scripts > resolve-url-loader > rework > css > [email protected]: See https://github.com/lydell/source-map-resolve#deprecated warning react-scripts > babel-jest > @jest/transform > micromatch > snapdragon > [email protected]: See https://github.com/lydell/source-map-resolve#deprecated warning react-scripts > resolve-url-loader > rework > css > source-map-resolve > [email protected]: Please see https://github.com/lydell/urix#deprecated warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: Moved to 'npm install @sideway/address' warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/topo > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained warning react-scripts > jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > [email protected]: use String.prototype.padStart() warning react-scripts > resolve-url-loader > rework > css > source-map-resolve > [email protected]: https://github.com/lydell/resolve-url#deprecated warning react-scripts > resolve-url-loader > rework > css > source-map-resolve > [email protected]: See https://github.com/lydell/source-map-url#deprecated warning react-syntax-highlighter > [email protected]: Support has ended for 9.x series. Upgrade to @latest warning react-syntax-highlighter > lowlight > [email protected]: Version no longer supported. Upgrade to @latest [2/4] Fetching packages... [3/4] Linking dependencies... warning " > @mui/[email protected]" has unmet peer dependency "styled-components@^5.3.1". warning " > @mui/[email protected]" has incorrect peer dependency "react@^17.0.0". warning " > @mui/[email protected]" has unmet peer dependency "@mui/system@^5.4.1". warning " > @mui/[email protected]" has unmet peer dependency "@mui/system@^5.4.1". warning " > [email protected]" has incorrect peer dependency "react@^16.4.0 || ^17.0.0". warning " > [email protected]" has unmet peer dependency "react-router@^4.3.1 || ^5.0.0". warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0". warning " > [email protected]" has unmet peer dependency "@typescript-eslint/[email protected]". warning " > [email protected]" has unmet peer dependency "@typescript-eslint/[email protected]". warning " > [email protected]" has unmet peer dependency "[email protected] || 4.x". warning " > [email protected]" has unmet peer dependency "[email protected]". warning " > [email protected]" has unmet peer dependency "[email protected]". warning " > [email protected]" has unmet peer dependency "[email protected]". warning " > [email protected]" has unmet peer dependency "[email protected] || 2.x". warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0". warning "mui-datatables > [email protected]" has incorrect peer dependency "react@^17.0.0". warning "mui-datatables > [email protected]" has incorrect peer dependency "react-dom@^17.0.0". warning " > [email protected]" has unmet peer dependency "@types/googlemaps@^3.0.0". warning " > [email protected]" has unmet peer dependency "@types/markerclustererplus@^2.1.29". warning " > [email protected]" has incorrect peer dependency "@types/react@^15.0.0 || ^16.0.0". warning " > [email protected]" has incorrect peer dependency "react@^15.0.0 || ^16.0.0". warning " > [email protected]" has incorrect peer dependency "react-dom@^15.0.0 || ^16.0.0". warning "react-google-maps > [email protected]" has incorrect peer dependency "react@^0.14.0 || ^15.0.0 || ^16.0.0". warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0". warning " > [email protected]" has incorrect peer dependency "react@^0.14.9 || ^15.3.0 || ^16.0.0-rc || ^16.0". warning " > [email protected]" has incorrect peer dependency "react-dom@^0.14.9 || ^15.3.0 || ^16.0.0-rc || ^16.0". warning " > [email protected]" has incorrect peer dependency "react@^15.3.0 || ^16.0.0 || ^17.0.0". warning "react-swipeable-views > react-swipeable-views-utils > [email protected]" has incorrect peer dependency "react@^16.3.0". warning " > @testing-library/[email protected]" has unmet peer dependency "@testing-library/dom@>=7.21.4".

After that, The template answer me:

yarn run v1.22.19 $ cross-env REACTAPPBACKEND=false react-scripts start /bin/sh: 1: cross-env: not found error Command failed with exit code 127. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I dont't now what is the problem.

Please, help me

User profile image
MarĂ­a Camila Bernal

I was using the V16 for nodeJS after your recommendation, but the template is not working yet

User profile image

"/bin/sh: 1: cross-env: not found" Did you get this error after installing dependency via 'yarn install'?

User profile image

If you're having trouble starting the instance of your React Material Admin template, there are a few steps you can take to troubleshoot the issue:

  1. Check Dependencies: Ensure that you have all the necessary dependencies installed for the template. This includes Node.js, npm or yarn, and any other specific dependencies mentioned in the template's documentation.

  2. Install Packages: Run npm install or yarn install in the project directory to install all required packages.

  3. Configuration: Double-check if any configuration files need adjustments, such as environment variables or configuration files specific to the template.

  4. Start Script: Check the start script specified in the template's package.json file. It's usually something like npm start or yarn start. Run this command in your terminal.

  5. Check for Errors: Pay close attention to any error messages in the terminal when you try to start the instance. They often provide valuable clues as to what might be going wrong.

  6. Port Conflict: Ensure that the port specified in the template is not in use by another application. By default, React applications often use port 3000. If that port is occupied, you can specify a different port by setting the PORT environment variable.

  7. Firewall Issues: Sometimes, firewall settings or antivirus software can interfere with the instance startup. Make sure your firewall isn't blocking the application.

  8. Clear Cache: If you've previously attempted to start the instance, there might be a caching issue. Try clearing the cache by running npm cache clean --force or yarn cache clean.

  9. Update Dependencies: Check if there are any updates available for the template's dependencies by running npm outdated or yarn outdated. If there are, update them and try starting the instance again.

  10. Community Support: If none of the above solutions work, consider reaching out to the template's support community or forum. Often, other users or the template developers themselves can provide guidance or solutions to common issues.

By following these steps, you should be able to identify and resolve the issue preventing you from starting the instance of your React Material Admin template.

Here are the best HTML online learning platforms:

Iqra Technology W3School