Message Boards

package.json dependencies in Portlets build error

sunny huang, modified 3 Years ago.

package.json dependencies in Portlets build error

Junior Member Posts: 56 Join Date: 1/17/11 Recent Posts

HI ALL

Copy CE 7.3.5-GA6 doument-library-web portlet to create new portlet project in DeV IDE ,package.json as fellow.

{
	"dependencies": {
		"@clayui/alert": "3.4.1",
		"@clayui/button": "3.4.0",
		"@clayui/css": "3.18.1",
		"@clayui/form": "3.11.1",
		"@clayui/icon": "3.0.5",
		"@clayui/loading-indicator": "3.1.0",
		"@clayui/modal": "3.7.2",
		"asset-taglib": "*",
		"clay-button": "2.21.4",
		"clay-multi-select": "2.21.4",
		"clay-radio": "2.21.4",
		"clipboard": "2.0.4",
		"frontend-js-react-web": "*",
		"frontend-js-web": "*",
		"prop-types": "15.7.2",
		"react": "16.12.0",
		"react-dom": "16.12.0"
	},
	"name": "document-library-web",
	"private": true,
	"scripts": {
		"build": "liferay-npm-scripts build",
		"checkFormat": "liferay-npm-scripts check",
		"format": "liferay-npm-scripts fix",
		"test": "liferay-npm-scripts test"
	},
	"version": "5.0.54"
}

 

An error occurred during the build process:

> Task :modules:document-library-web:npmInstall
npm ERR! code E404
npm ERR! 404 Not Found: asset-taglib@*

Since the version is an asterisk, the file cannot be found. At the same time, there is no version file of these three dependencies in the npmjs library.

SO how to import  dependencies  of        "asset-taglib": "*",        "frontend-js-react-web": "*",        "frontend-js-web": "*"?

 

And in .npmbundlerrc file

{
	"config": {
		"imports": {
			"asset-taglib": {
				"/": ">=4.0.0"
			},
			"frontend-taglib-clay": {
				"clay-autocomplete": ">=2.9.0",
				"clay-button": ">=2.9.0",
				"clay-data-provider": ">=2.9.0",
				"clay-icon": ">=2.9.0",
				"clay-label": ">=2.9.0",
				"clay-link": ">=2.9.0",
				"clay-multi-select": ">=2.9.0",
				"clay-portal": ">=2.9.0",
				"clay-radio": ">=2.9.0"
			},
			"frontend-js-metal-web": {
				"metal": ">=2.16.5",
				"metal-component": ">=2.16.5",
				"metal-soy": ">=2.16.5",
				"metal-state": ">=2.16.5",
				"metal-dom": ">=2.16.5"
			},
			"frontend-js-web": {
				"/": ">=3.0.0"
			}
		}
	},
	"ignore": [
		"**/document_library/js/legacy/*.js"
	]
}

 

According to my understanding, I have imported through the .npmbundlerrc file,however when I click button , Browser error as fellow

Uncaught SyntaxError: Cannot use import statement outside a module
combo?browserId=chrome&minifierType=js&languageId=zh_CN&b=7305&t=1609255197933&/o/frontend-js-aui-web/aui/aui/aui.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.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex.js&/o/frontend-js-aui-web/aui/oop/oop.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-web/loader/config.js&/o/frontend-js-web/loader/loader.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:22071 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: 1 
   · Required modules: Array(11)0: "metal-dom/src/all/dom"1: "frontend-js-web/liferay/toast/commands/OpenToast.es"2: "frontend-taglib-clay@6.2.6/management_toolbar/ManagementToolbar.es"3: "portal-template-react-renderer-impl@4.0.8/render.es"4: "document-library-web@5.0.55/document_library/js/bulk/BulkStatus.es"5: "portal-template-react-renderer-impl@4.0.8/render.es"6: "document-library-web@5.0.55/document_library/js/checkin/Checkin.es"7: "portal-template-react-renderer-impl@4.0.8/render.es"8: "document-library-web@5.0.55/document_library/js/categorization/tags/EditTags.es"9: "portal-template-react-renderer-impl@4.0.8/render.es"10: "document-library-web@5.0.55/document_library/js/categorization/categories/EditCategories.es"length: 11__proto__: Array(0) 
   · Missing modules: 
"frontend-js-metal-web@4.0.7/bridge/metal-dom/src/all/dom"
1: "frontend-js-web@4.0.29/bridge/frontend-js-web/liferay/toast/commands/OpenToast.es"
2: "frontend-taglib-clay$clay-component@2.21.4/lib/ClayComponent"
3: "frontend-js-metal-web$metal-state@2.7.0/lib/validators"
4: "frontend-js-metal-web$metal-state@2.7.0/lib/Config"
5: "frontend-js-metal-web$metal-state@2.7.0/lib/State"
6: "frontend-js-metal-web$metal-state@2.7.0/lib/all/state"
7: "frontend-js-metal-web$metal-web-component@2.16.8/lib/define_web_component"
8: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/html/HTMLParser"
9: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/html/unescape"
10: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/html/HTML2IncDom"
11: "frontend-js-metal-web$incremental-dom@0.5.1/dist/incremental-dom-cjs"
12: "frontend-js-metal-web$incremental-dom-string@0.0.3/lib/incremental-dom-string"
13: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/incremental-dom"
14: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/data"
15: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/changes"
16: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/callArgs"
17: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/incremental-dom-aop"
18: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/children/children"
19: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/render/attributes"
20: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/cleanup/unused"
21: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/render/render"
22: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/render/patch"
23: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/IncrementalDomRenderer"
24: "frontend-js-metal-web$metal-incremental-dom@2.16.8/lib/all/incremental-dom"
25: "frontend-js-metal-web$metal-soy-bundle@2.16.8/lib/bundle"
26: "frontend-js-metal-web$metal-soy@2.16.8/lib/SoyAop"
27: "frontend-js-metal-web$metal-soy@2.16.8/lib/Soy"
28: "frontend-taglib-clay$clay-icon@2.21.4/lib/ClayIcon.soy"

...........

Error: Load timeout for modules: metal-dom/src/all/dom,frontend-js-web/liferay/toast/commands/OpenToast.es,frontend-taglib-clay@6.2.6/management_toolbar/ManagementToolbar.es,portal-template-react-renderer-impl@4.0.8/render.es,document-library-web@5.0.55/document_library/js/bulk/BulkStatus.es,portal-template-react-renderer-impl@4.0.8/render.es,document-library-web@5.0.55/document_library/js/checkin/Checkin.es,portal-template-react-renderer-impl@4.0.8/render.es,document-library-web@5.0.55/document_library/js/categorization/tags/EditTags.es,portal-template-react-renderer-impl@4.0.8/render.es,document-library-web@5.0.55/document_library/js/categorization/categories/EditCategories.es
    at combo?browserId=chrome&minifierType=js&languageId=zh_CN&b=7305&t=1609255197933&/o/frontend-js-aui-web/aui/aui/aui.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.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex.js&/o/frontend-js-aui-web/aui/oop/oop.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-web/loader/config.js&/o/frontend-js-web/loader/loader.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:22071
value @ combo?browserId=chrome&minifierType=js&languageId=zh_CN&b=7305&t=1609255197933&/o/frontend-js-aui-web/aui/aui/aui.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.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex.js&/o/frontend-js-aui-web/aui/oop/oop.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-web/loader/config.js&/o/frontend-js-web/loader/loader.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:22071


 

It seems that liferay-npm-bundler has not fully imported the required dependencies, or am I missing something?

Thank you everyone.

 

Goumidi Yeser, modified 2 Years ago.

RE: package.json dependencies in Portlets build error

New Member Post: 1 Join Date: 4/30/21 Recent Posts

Hi,
I have got a similar error, does anyone has a solution about ?
​​​​​​​thanks

 

thumbnail
Muhamad Hamza, modified 2 Years ago.

RE: package.json dependencies in Portlets build error

New Member Posts: 7 Join Date: 12/24/13 Recent Posts

I believe this is because of javascript fast load. Make it false and it may work. 

javascript.fast.load=false