我正在动态创建角度组件。我正在使用Web应用程序上的Wavemaker。在预览中,它工作正常,但已部署的应用返回此错误。
var dynamicServicePerson = App.getDependency('DynamicComponentService');
function getTabsPersonAcc(acc) {
gcp = [];
for (var t = 0; t < acc.length; t++) {
gcp.push("<wm-tabpane name='tabpane1000_" + c + "' title='" + acc[t] + "' backgroundcolor='#EFF3F6'>" +
"<wm-layoutgrid name='layoutgrid1000_" + c + "'>" +
"<wm-gridrow name='gridrow1000_" + c + "'>" +
"<wm-gridcolumn columnwidth='12' name='gridcolumn1000_" + c + "'padding='1em' horizontalalign='center'>" +
"<wm-tile name='tile1000_" + c + "'class='note' margin='unset unset 1em unset'>" +
"<wm-prefab prefabname='D3_Area_Chart' name='D3_Area_Chart1" + c + "' account='" + acc[t] + "' url='https://api.myjson.com/bins/jxn53'></wm-prefab>'" +
"</wm-tile>" + "</wm-gridcolumn>" + "</wm-gridrow>" + "</wm-layoutgrid>" + "</wm-tabpane>");
c++;
}
getTabsPersonEntity(gcp);
c = 0;
}
function getData(num) {
try {
const pr = getPerson(num);
pr.then(function(result) {
if (result !== undefined && result.length > 0) {
const wait = async() => {
const person = await (result);
getTabsPersonAcc(person);
}
wait();
} else {
getTabsPersonEntityNoAcc();
}
})
} catch (e) {
if (e instanceof ReferenceError) {
console.log(e, true);
} else {
console.log(e, false);
}
}
}
function complete() {
setTimeout(function() {
var plgP = "<wm-layoutgrid name='layoutgrid4000_" + b + "'><wm-gridrow name='gridrow4000_" + b + "'>" +
"<wm-gridcolumn columnwidth='12' name='gridcolumn4000_" + b + "'padding='1em'>" +
"<wm-tabs name='tabs4000" + b + "' transition='slide'>" + tpp + "</wm-tabs></wm-gridcolumn></wm-gridrow></wm-layoutgrid>";
try {
dynamicServicePerson.addComponent($('[name="gridPersonEntity"]')[0], plgP, Page);
} catch (e) {
if (e instanceof ReferenceError) {
console.log(e, true);
} else {
console.log(e, false);
}
}
}, 4000);
}
function getTabpaneEntity() {
for (var i = 1; i <= data.length; i++) {
try {
var num = data[b].id;
getData(num);
b++;
} catch (e) {
if (e instanceof ReferenceError) {
console.log(e, true);
} else {
console.log(e, false);
}
}
}
complete();
}
getTabpaneEntity();
该函数检查数据库中的数据,并在HTML标签窗格中返回数据库中每一行的名称。
我对编程还很陌生,所以也许代码有点粗糙。
谢谢
ERROR错误:未捕获(承诺):错误:未加载运行时编译器 错误:未加载运行时编译器
at e.rd (core.js.pre-build-optimizer.js:16852)
at e.<anonymous> (main.b26322881031beaa2432.js:1)
at tslib.es6.js.pre-build-optimizer.js:91
at Object.next (tslib.es6.js.pre-build-optimizer.js:72)
at tslib.es6.js.pre-build-optimizer.js:65
at new e (zone.js.pre-build-optimizer.js:910)
at s (tslib.es6.js.pre-build-optimizer.js:61)
at e.getComponentFactoryRef (main.b26322881031beaa2432.js:1)
at e.<anonymous> (main.b26322881031beaa2432.js:1)
at tslib.es6.js.pre-build-optimizer.js:91
at M (zone.js.pre-build-optimizer.js:831)
at zone.js.pre-build-optimizer.js:741
at a (tslib.es6.js.pre-build-optimizer.js:63)
at t.invoke (zone.js.pre-build-optimizer.js:391)
at Object.onInvoke (core.js.pre-build-optimizer.js:17289)
at t.invoke (zone.js.pre-build-optimizer.js:390)
at e.run (zone.js.pre-build-optimizer.js:150)
at zone.js.pre-build-optimizer.js:889
at t.invokeTask (zone.js.pre-build-optimizer.js:423)
at Object.onInvokeTask (core.js.pre-build-optimizer.js:17280)