共计 1488 个字符,预计需要花费 4 分钟才能阅读完成。
如下图所示:
<script id="sap-ui-bootstrap"
src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-libs="sap.m, sap.ui.comp"
data-sap-ui-bindingSyntax="complex"
data-sap-ui-compatVersion="edge"
data-sap-ui-preload="async"
data-sap-ui-resourceroots='{"sap.ui.demo.CombineLatest":"./"}'>
</script>
我刚学习 SAP UI5 时,对 data-sap-ui-resourceroots 的作用很是费解。
浏览咱们开发的整个 SAP UI5 我的项目资源,无论是 Component.js:
还是视图的控制器:
还是视图的 id 自身,都蕴含了 sap.ui.demo.CombineLatest 的前缀:
如果咱们把 index.html 里的 data-sap-ui-resourceroots 指令去掉:
会发现利用根本无法加载了,Chrome 开发者工具里报了很多资源文件无奈加载的谬误。
摘取其中一条谬误音讯进去剖析。当初 Component.js 的加载门路为:
https://sapui5.hana.ondemand….
显然,这个门路是继承自 index.html 里 id 为 sap-ui-bootstrap 里的 src 属性定义的 SAP UI5 库文件:
咱们工程文件里的 Component.js, 其 id 为 sap.ui.demo.CombineLatest.Component:
SAP UI5 框架在加载时,将 id 转换成 url:
sap/ui/demo/CombineLatest/Component.js,
而后在其头部,拼接上来自 id 为 sap-ui-bootstrap 里的 src 属性定义的 SAP UI5 库文件的前缀:
https://sapui5.hana.ondemand….
最初失去的门路:
https://sapui5.hana.ondemand….
显然,这个门路是谬误的。因为 Component.js 仅仅存在于咱们工程本身。
因而须要应用 data-sap-ui-resourceroots 通知 SAP UI5 加载器,如果遇到前缀为 sap.ui.demo.CombineLatest 的本地资源文件, 不要应用 sap-ui-core.js 的前缀即 https://sapui5.hana.ondemand…., 而是应用本地门路./
批改之后,资源加载胜利,正确的门路应该是:http://localhost:3002/combine/Component.js
这个门路是怎么来的呢?
(1) Component.js 的 id 为 sap.ui.demo.CombineLatest.Component,因为 data-sap-ui-resourceroots 失效,将 sap.ui.demo.CombineLatest.Component 替换成 ./Component
(2) ./Component 替换成 URL:/Component.js
(3) ./ 之前的 url 为 localhost:3002/combine
失去最初的绝对路径去加载 Component.js:
http://localhost:3002/combine/Component.js
更多 Jerry 的原创文章,尽在:” 汪子熙 ”: