Unanswered

Angular flip component- not working

(0) Share

Report

Posted on by vani2000

Hello, I am trying to implement the Angular flip component from the sample component.

It is basically the copy pasting of code. There were some dependency issues, i could fix some of the errors by npm install -D @types/angular-ui-bootstrap, npm install -D @types/angular-sanitize etc.

I could not get the below error fixed

ERROR in ./JSAngularJSFlipControl/index.ts
Module not found: Error: Can't resolve 'angular' in 'C:\Users\vani\Documents\JSAngularJSFlipControl\JSAngularJSFlipControl'
@ ./JSAngularJSFlipControl/index.ts 7:14-32
[13:15:32] [build] Failed:
[pf-1033] [Error] An error occurred compiling or bundling the control.

your help is appreciated!! thanks

Categories:

Power Apps Pro Dev & ISV

All responses (9)

Answers (0)

Sort by

v-siky-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

@vani2000
Could you please share more details with your issue?
What change did you make to the sample component?
Which steps did you run into the problem?
Could you share some screenshots of your steps?
Sik
vani2000 67 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi,
Sorry for not so clear.
I am trying to run the sample component from the below link
https://docs.microsoft.com/en-us/powerapps/developer/component-framework/sample-controls/angular-flip-control
I have the same code copy pasted from the above link in index.ts, controlmanifest.Input.xml When i did npm start it showed some error that
angular-ui-bootstrap is not found. i could fix it by npm install -D @types/angular-ui-bootstrap.

When i did npm start again, i get the following error which i am not sure to fix it?
JP-09110045-0 Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @vani2000 ,

I think the example on the webpage may be a bit out of date and thus why the issue. Try the source on the GitHub page https://github.com/microsoft/PowerApps-Samples/tree/master/component-framework/TS_AngularJSFlipControl/JSAngularJSFlipControl and see if it fixes your issue.

(Edited, added correct GitHub link)
vani2000 67 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi , i get 404 error , when i access https://github.com/microsoft/PowerApps-Samples/tree/master/component-framework/JS_AngularJSFlipControl

i could access https://github.com/microsoft/PowerApps-Samples/tree/master/component-framework/TS_AngularJSFlipControl/JSAngularJSFlipControl. i think this is the updated one if i am right?
Thanks for your help, i will try the updated one.
JP-09110045-0 Microsoft Employee on at

Like
a
(1)

Report
Copy link

Link copied!

Yes, that should be the correct one. Sorry for the copy/paste error on the invalid link. I'll update the original post (if I can) so that it can help others and not give a 404.
vani2000 67 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi,
i tried copying the code from index.ts, manifest.xml, and css file from the https://github.com/microsoft/PowerApps-Samples/tree/master/component-framework/TS_AngularJSFlipControl/JSAngularJSFlipControl.

i get exactly the same error again,
ERROR in ./JSAngularJSFlipControl/index.ts
Module not found: Error: Can't resolve 'angular' in 'C:\Users\vani\Documents\JSAngularJSFlipControl\JSAngularJSFlipControl'
@ ./JSAngularJSFlipControl/index.ts 7:14-32
[11:51:32] [start] Failed:
[pcf-1033] [Error] An error occurred compiling or bundling the control.
JP-09110045-0 Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Ah, ok, I'll look in to it later today. I was able to get a version working, so I'll double check on what differences it could be that's causing the failure.
vani2000 67 on at

Like
a
(0)

Report
Copy link

Link copied!

thank you!
JP-09110045-0 Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

I'm not seeing any build issues after downloading the full folder from GitHub. I didn't see package.json file in your list of files you copied, so make sure to grab that as it has newer packages and typings required for the build. Afterwards, make sure you delete the package-lock.json file and rerun 'npm i'.