Skip to main content
Community site session details

Community site session details

Session Id : 5AXKEsCB2x7843RVDj1syB
Power Apps - Power Apps Pro Dev & ISV
Unanswered

Angular flip component- not working

Like (0) ShareShare
ReportReport
Posted on 28 Jan 2020 12:46:55 by 67

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

  • JP-09110045-0 Profile Picture
    on 07 Feb 2020 at 17:54:55
    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 Profile Picture
    67 on 07 Feb 2020 at 09:35:14
    Re: Angular flip component- not working

    thank you!

  • JP-09110045-0 Profile Picture
    on 07 Feb 2020 at 08:47:05
    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 Profile Picture
    67 on 06 Feb 2020 at 12:33:58
    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 Profile Picture
    on 04 Feb 2020 at 17:45:56
    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 Profile Picture
    67 on 04 Feb 2020 at 14:45:22
    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 Profile Picture
    on 03 Feb 2020 at 18:48:31
    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 Profile Picture
    67 on 31 Jan 2020 at 10:03:21
    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?image.png
     
     

     

  • v-siky-msft Profile Picture
    on 29 Jan 2020 at 08:57:50
    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

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 791 Most Valuable Professional

#2
MS.Ragavendar Profile Picture

MS.Ragavendar 410

#3
mmbr1606 Profile Picture

mmbr1606 275 Super User 2025 Season 2