Unanswered

PCF Control Angular Issue

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

I am trying to reuse the angular components in PowerApps Component Framework. I have created the angular project inside PCF folder,bundled the angular files and used it in index.ts file.It is working in local but when I import the solution and using in model driven app it is not working.I am using angular 10. I am getting below error.

Anyone faced this issue?

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (3)

Answers (0)

v-bofeng-msft Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Hi @Anonymous :

Please consider export your PCF Project as a unmanaged solution, then try it again, check if the issue is fixed.

If the problem persists, please refer to this post or consider creating a support ticket.

Best Regards,

Bof

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Hi @v-bofeng-msft I tried importing unmanaged solution still the issue exists

Was this reply helpful? Yes No
Hemant Gaur Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

This is due to bug in the UCI which conflicts with the angular component. Fix will be rolled out in upcoming deployments .

Here is workaround (but hacky 😞 ) which can be used to unblock development.

window's Promise.resolve function is overridden in UCI in a manner which makes it incompatible with Zone.js. This can be circumvented by gaining reference to an untouched definition of Promise via an iframe before the Zone.js dependency is imported:

// Address promise issue
const dummyFrame = document.createElement("iframe");
document.body.appendChild(dummyFrame);
const _innerProm_ = (dummyFrame.contentWindow as any).Promise;
document.body.removeChild(dummyFrame);
(window as any).Promise = _innerProm_;

// your code starts here
import 'myAngularProjectBundle';

Hemant

Was this reply helpful? Yes No