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

All responses (9)

Answers (0)

JP-09110045-0 on at

Like (0)

Report

Re: Angular flip component- not working

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'.
vani2000 67 on at

Like (0)

Report

Re: Angular flip component- not working

thank you!
JP-09110045-0 on at

Like (0)

Report

Re: Angular flip component- not working

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 (0)

Report

Re: Angular flip component- not working

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 on at

Like (1)

Report

Re: Angular flip component- not working

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 (0)

Report

Re: Angular flip component- not working

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 on at

Like (0)

Report

Re: Angular flip component- not working

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 (0)

Report

Re: Angular flip component- not working

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?
v-siky-msft on at

Like (0)

Report

Re: Angular flip component- not working

@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