RE: Not able to create react portlet in liferay

2025-01-31T06:32:02Z

Module is deployed now, But I am getting below error in console

liferay-amd-loader | Errors returned from server for require( Array(1) ): Array(13)0: "Missing dependency 'react$object-assign' of 'test-react-app$react@16.8.6/cjs/react.development'"1: "Missing dependency 'react$prop-types/checkPropTypes' of 'test-react-app$react@16.8.6/cjs/react.development'"2: "Missing dependency 'react-dom$object-assign' of 'test-react-app$react-dom@16.8.6/cjs/react-dom.development'"3: "Missing dependency 'react-dom$prop-types/checkPropTypes' of 'test-react-app$react-dom@16.8.6/cjs/react-dom.development'"4: "Missing dependency 'react-dom$react' of 'test-react-app$react-dom@16.8.6/cjs/react-dom.development'"5: "Missing dependency 'react-dom$scheduler' of 'test-react-app$react-dom@16.8.6/cjs/react-dom.development'"6: "Missing dependency 'react-dom$scheduler/tracing' of 'test-react-app$react-dom@16.8.6/cjs/react-dom.development'"7: "Package 'react$object-assign' which is a dependency of 'test-react-app$react@16.8.6' is not deployed in the server (required from its 'test-react-app$react@16.8.6/cjs/react.development' module)"8: "Package 'react$prop-types' which is a dependency of 'test-react-app$react@16.8.6' is not deployed in the server (required from its 'test-react-app$react@16.8.6/cjs/react.development' module)"9: "Package 'react-dom$object-assign' which is a dependency of 'test-react-app$react-dom@16.8.6' is not deployed in the server (required from its 'test-react-app$react-dom@16.8.6/cjs/react-dom.development' module)"10: "Package 'react-dom$prop-types' which is a dependency of 'test-react-app$react-dom@16.8.6' is not deployed in the server (required from its 'test-react-app$react-dom@16.8.6/cjs/react-dom.development' module)"11: "Package 'react-dom$react' which is a dependency of 'test-react-app$react-dom@16.8.6' is not deployed in the server (required from its 'test-react-app$react-dom@16.8.6/cjs/react-dom.development' module)"12: "Package 'react-dom$scheduler' which is a dependency of 'test-react-app$react-dom@16.8.6' is not deployed in the server (required from its 'test-react-app$react-dom@16.8.6/cjs/react-dom.development' module)"length: 13[[Prototype]]: Array(0)
value @ loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=chrome&languageId=en_US&minifierType=js:2Understand this errorAI
loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=chrome&languageId=en_US&minifierType=js:2 liferay-amd-loader |
A require() call has failed but no failure handler was provided.
Note that even if the call stack of this error trace looks like coming from the Liferay AMD Loader, it is not an error in the Loader what has caused it, but an error caused by the require() call.
The reason why the Loader is in the stack trace is because it is printing the error so that it doesn't get lost.
However, we recommend providing a failure handler in all require() calls to be able to recover from errors better and to avoid the appearance of this message.

Some information about the require() call follows:
· Require call id: 0
· Required modules: Array(1)
· Missing modules: (n/a)
· Stack trace of the require() call:
Error
at e.value (http://localhost:8080/o/frontend-js-loader-modules-extender/loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=chrome&languageId=en_US&minifierType=js:2:18202)
at <anonymous>:1:16
at Object.addHTML (http://localhost:8080/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1738304148147&/o/frontend-js-aui-web/aui/aui-debounce/aui-debounce-min.js&/o/frontend-js-aui-web/aui/array-extras/array-extras-min.js&/o/frontend-js-aui-web/aui/classnamemanager/classnamemanager-min.js&/o/frontend-js-aui-web/aui/aui-classnamemanager/aui-classnamemanager-min.js&/o/frontend-js-aui-web/aui/event-base/event-base-min.js&/o/frontend-js-aui-web/aui/dom-core/dom-core-min.js&/o/frontend-js-aui-web/aui/dom-base/dom-base-min.js&/o/frontend-js-aui-web/aui/selector-native/selector-native-min.js&/o/frontend-js-aui-web/aui/selector/selector-min.js&/o/frontend-js-aui-web/aui/node-core/node-core-min.js&/o/frontend-js-aui-web/aui/dom-style/dom-style-min.js&/o/frontend-js-aui-web/aui/node-base/node-base-min.js&/o/frontend-js-aui-web/aui/event-delegate/event-delegate-min.js&/o/frontend-js-aui-web/aui/node-event-delegate/node-event-delegate-min.js&/o/frontend-js-aui-web/aui/pluginhost-base/pluginhost-base-min.js:14:4496)
at c._insert (http://localhost:8080/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1738304148147&/o/frontend-js-aui-web/aui/aui-debounce/aui-debounce-min.js&/o/frontend-js-aui-web/aui/array-extras/array-extras-min.js&/o/frontend-js-aui-web/aui/classnamemanager/classnamemanager-min.js&/o/frontend-js-aui-web/aui/aui-classnamemanager/aui-classnamemanager-min.js&/o/frontend-js-aui-web/aui/event-base/event-base-min.js&/o/frontend-js-aui-web/aui/dom-core/dom-core-min.js&/o/frontend-js-aui-web/aui/dom-base/dom-base-min.js&/o/frontend-js-aui-web/aui/selector-native/selector-native-min.js&/o/frontend-js-aui-web/aui/selector/selector-min.js&/o/frontend-js-aui-web/aui/node-core/node-core-min.js&/o/frontend-js-aui-web/aui/dom-style/dom-style-min.js&/o/frontend-js-aui-web/aui/node-base/node-base-min.js&/o/frontend-js-aui-web/aui/event-delegate/event-delegate-min.js&/o/frontend-js-aui-web/aui/node-event-delegate/node-event-delegate-min.js&/o/frontend-js-aui-web/aui/pluginhost-base/pluginhost-base-min.js:26:540)
at c.appendChild (http://localhost:8080/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1738304148147&/o/frontend-js-aui-web/aui/aui-debounce/aui-debounce-min.js&/o/frontend-js-aui-web/aui/array-extras/array-extras-min.js&/o/frontend-js-aui-web/aui/classnamemanager/classnamemanager-min.js&/o/frontend-js-aui-web/aui/aui-classnamemanager/aui-classnamemanager-min.js&/o/frontend-js-aui-web/aui/event-base/event-base-min.js&/o/frontend-js-aui-web/aui/dom-core/dom-core-min.js&/o/frontend-js-aui-web/aui/dom-base/dom-base-min.js&/o/frontend-js-aui-web/aui/selector-native/selector-native-min.js&/o/frontend-js-aui-web/aui/selector/selector-min.js&/o/frontend-js-aui-web/aui/node-core/node-core-min.js&/o/frontend-js-aui-web/aui/dom-style/dom-style-min.js&/o/frontend-js-aui-web/aui/node-base/node-base-min.js&/o/frontend-js-aui-web/aui/event-delegate/event-delegate-min.js&/o/frontend-js-aui-web/aui/node-event-delegate/node-event-delegate-min.js&/o/frontend-js-aui-web/aui/pluginhost-base/pluginhost-base-min.js:26:697)
at s.globalEval (http://localhost:8080/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1738304148147&/o/frontend-js-aui-web/aui/querystring-stringify-simple/querystring-stringify-simple-min.js&/o/frontend-js-aui-web/aui/io-base/io-base-min.js&/o/frontend-js-aui-web/aui/aui-parse-content/aui-parse-content-min.js:5:685)
at e.AsyncQueue.<anonymous> (http://localhost:8080/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1738304148147&/o/frontend-js-aui-web/aui/yui-throttle/yui-throttle-min.js&/o/frontend-js-aui-web/aui/event-mouseenter/event-mouseenter-min.js&/o/frontend-js-aui-web/aui/plugin/plugin-min.js&/o/frontend-js-aui-web/aui/event-simulate/event-simulate-min.js&/o/frontend-js-aui-web/aui/async-queue/async-queue-min.js&/o/frontend-js-aui-web/aui/gesture-simulate/gesture-simulate-min.js&/o/frontend-js-aui-web/aui/node-event-simulate/node-event-simulate-min.js&/o/frontend-js-aui-web/aui/event-key/event-key-min.js&/o/frontend-js-aui-web/aui/node-focusmanager/node-focusmanager-min.js&/o/frontend-js-aui-web/liferay/navigation_interaction.js:12:1234)
at e.EventFacade.callback (http://localhost:8080/combo?browserId=chrome&minifierType=js&languageId=en_US&t=1738304148147&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/oauth2-provider-web/js/liferay.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js:366:1941)
at e.AsyncQueue._defExecFn (http://localhost:8080/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1738304148147&/o/frontend-js-aui-web/aui/yui-throttle/yui-throttle-min.js&/o/frontend-js-aui-web/aui/event-mouseenter/event-mouseenter-min.js&/o/frontend-js-aui-web/aui/plugin/plugin-min.js&/o/frontend-js-aui-web/aui/event-simulate/event-simulate-min.js&/o/frontend-js-aui-web/aui/async-queue/async-queue-min.js&/o/frontend-js-aui-web/aui/gesture-simulate/gesture-simulate-min.js&/o/frontend-js-aui-web/aui/node-event-simulate/node-event-simulate-min.js&/o/frontend-js-aui-web/aui/event-key/event-key-min.js&/o/frontend-js-aui-web/aui/node-focusmanager/node-focusmanager-min.js&/o/frontend-js-aui-web/liferay/navigation_interaction.js:12:1905)
at u.fireComplex (http://localhost:8080/combo?browserId=chrome&minifierType=js&languageId=en_US&t=1738304148147&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/oauth2-provider-web/js/liferay.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js:364:2397)
Error: The server generated some errors while resolving modules
at loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=chrome&languageId=en_US&minifierType=js:2:19517

Not able to create react portlet in liferay

2025-01-30T12:18:51Z

Hi,

I am creating a Liferay React portlet using the "npm-react-portlet" template. After that, I ran the npm install command inside the node modules, and all the dependencies were created. However, when I deploy this module, I am getting the following error

Caused by: java.lang.RuntimeException: java.lang.NullPointerException
   at com.liferay.frontend.js.loader.modules.extender.internal.npm.NPMResolverImpl._loadPackageNamesMap(NPMResolverImpl.java:123) ~[?:?]
   at com.liferay.frontend.js.loader.modules.extender.internal.npm.NPMResolverImpl.<init>(NPMResolverImpl.java:37) ~[?:?]
   at com.liferay.frontend.js.loader.modules.extender.internal.npm.NPMResolverServiceFactory.getService(NPMResolverServiceFactory.java:62) ~[?:?]
   at com.liferay.frontend.js.loader.modules.extender.internal.npm.NPMResolverServiceFactory.getService(NPMResolverServiceFactory.java:26) ~[?:?]
   at org.eclipse.osgi.internal.serviceregistry.ServiceFactoryUse.factoryGetService(ServiceFactoryUse.java:210) ~[org.eclipse.osgi.jar:?]
   ... 72 more

Note: Module is started but nothing is coming

can any one please help me that.

Thanks,

Saleem.