Ask Questions and Find Answers

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.