Topic: Can't Get Started

pd1748 priority asked 3 years ago


Demo Project - Straight from pro download, extract to directory , npm install. npm start

Tried several ways of doing all with same result. I am able to get other react projects working without issue.

You get this:::::

Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ./src/index.js/< C:/Users/p_m_k/source/repos/lunamanagement/src/index.js:11

8 | 9 | import registerServiceWorker from './registerServiceWorker'; 10 |

11 | ReactDOM.render( , document.getElementById('root')); 12 | 13 | registerServiceWorker();

./src/index.js http://localhost:3000/static/js/main.chunk.js:433:30 webpack_require C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:851

848 | 849 | webpack_require.$Refresh$.init(); 850 | try {

851 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 852 | } finally { 853 | webpack_require.$Refresh$.cleanup(moduleId); 854 | }

fn C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:150

147 | ); 148 | hotCurrentParents = []; 149 | }

150 | return webpack_require(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return {

1 http://localhost:3000/static/js/main.chunk.js:620:18 webpack_require C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:851

848 | 849 | webpack_require.$Refresh$.init(); 850 | try {

851 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 852 | } finally { 853 | webpack_require.$Refresh$.cleanup(moduleId); 854 | }

checkDeferredModules C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:45

42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i--, 1);

45 | result = webpack_require(__webpack_require__.s = deferredModule[0]); | ^ 46 | } 47 | } 48 |

webpackJsonpCallback C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:32

29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready

32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result;

(anonymous function) http://localhost:3000/static/js/main.chunk.js:1:69

Resources (screenshots, code snippets etc.)


web_ntx premium answered 3 years ago


This issue occurs when you install using npm instead of yarn.

To solve it, first install yarn using npm install --global yarn, and then follow the setup instructions using yarn.


Wojciech Staniszewski staff commented 3 years ago

Thanks for Your response. We will take a closer look at this issue soon.


Krzysztof Wilk staff answered 3 years ago


Hi!

You can go straight to the folder, where you unzipped your package, and there use the npm link <path_to_local_library>/node_modules/react command.

Also npm dedupe command should be helpful :)

Best regards


web_ntx premium commented 3 years ago

This does not work. $ npm link C:\Users\Luke\Code\node\ntx-db-mdb\node_modules\react<br> npm ERR! code ENOLOCAL<br> npm ERR! Could not install from "UsersLukeCodenodentx-db-mdbnode_modulesreact" as it does not contain a package.json file.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: 5.0.1
  • Device: Any
  • Browser: Any
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes
Tags