Message Boards

Problem with Blade cli and npm-react-portlet

Anonymous Anonymous, modified 2 Years ago.

Problem with Blade cli and npm-react-portlet

Regular Member Posts: 127 Join Date: 9/16/19 Recent Posts
Hello all!

I'm developing Liferay portlet with React framework to Liferay 7.0 CE. I am using https://dev.liferay.com/fi/develop/reference/-/knowledge_base/7-0/npm-react-portlet-template as a reference and I create my project with blade. Problem is that after blade has created project structure, i run ./gradlew build --stacktrace -> build warns that I have deprecated babel version and after that i get build fail with staktrace

Execution failed for task ':npmRunBuild'. > Process command '<pathToProject>/build/node/bin/node'' finished with non-zero exit value 1

After first fail i run gradle build again and it does run trought -> success.

When deployed to portal, browser console prints error message

ReferenceError: module is not defined[Learn More]
combo:1:1
Error: Load timeout for modules: TestProject@1.0.0
Stack trace:
require/</</s<@http://localhost:8080/o/frontend-js-web/everything.jsp?browserId=firefox&themeId=classic_WAR_classictheme&colorSchemeId=01&minifierType=js&minifierBundleId=javascript.everything.files&languageId=en_US&b=7004&t=1521557570840:288:322

Portlet doesmn't print that default hello world.

Any ideas what is wrong with this one?

I am using npm version 5.6.0 and Node version 9.8.0 . Blade CLI version is 2.3.1.201711201552

Operating system is MacOs High Sierra Version 10.13.3


Link to my stackoverflow question: https://stackoverflow.com/questions/49405779/liferay-npm-react-portlet-reference-error-module-is-not-defined


Thanks a lot for help!
thumbnail
Joye Luo, modified 6 Years ago.

RE: Problem with Blade cli and npm-react-portlet (Answer)

Regular Member Posts: 144 Join Date: 5/3/16 Recent Posts
Hey JANI,

It caused by the upgrade of liferay-npm-bundle.
It will be fixed after the new release of blade cli.

And you can also fix it by change your package.json file like the following:
{
"dependencies": {
"react": "15.6.2",
"react-dom": "15.6.2"
},
"devDependencies": {
"babel-cli": "6.26.0",
"babel-preset-es2015": "6.24.1",
"babel-preset-liferay-project": "1.6.1",
"babel-preset-react": "6.24.1",
"liferay-npm-bundler": "1.6.1",
"liferay-npm-bundler-preset-react": "1.6.1"
},
"main": "js/index.js",
"name": "npm-react-portlet70",
"scripts": {
"build": "babel --source-maps -d build/resources/main/META-INF/resources src/main/resources/META-INF/resources && liferay-npm-bundler"
},
"version": "1.0.0"
}

Hope that can fix your problem.

Best Regards,
Joye Luo
Anonymous Anonymous, modified 2 Years ago.

RE: Problem with Blade cli and npm-react-portlet

Regular Member Posts: 127 Join Date: 9/16/19 Recent Posts
Hello Joye!

That worked! thanks alot! emoticon
Best regards!

Jani