Build a webpart in VUEJS, REACT & Javascript | SharePoint Framework for Beginners (SPFx) 2021 E04

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ม.ค. 2025

ความคิดเห็น • 18

  • @CHAMONIX552
    @CHAMONIX552 ปีที่แล้ว +1

    Thanks for your video. I am new to SPFX, are Typescript and React JS pre-requisite before working on SPFX?

    • @RDT
      @RDT  ปีที่แล้ว

      Yes they are. That’s how Microsoft have wired it all up, thanks for your support of the channel

  • @kodekorp2064
    @kodekorp2064 3 ปีที่แล้ว +2

    the option for "@pnp/spfx" is no longer available.

    • @RDT
      @RDT  3 ปีที่แล้ว

      Do you mean @pnp/sp www.npmjs.com/package/@pnp/sp or the generator, the latest version is here pnp.github.io/generator-spfx/
      Don’t forget, when you try to add a webpart it will look for the hidden file yo.rc.JSON in the folder above, creat a new folder to test

    • @DandragonDe
      @DandragonDe 3 ปีที่แล้ว

      ​@@RDT i think he means that it only supports verson 1.11.0 and with the release of 1.12.0 the pnp generator throws alot of errors(?)
      Atleast its the case on my end 😅 so if there is something i miss i would really appreciate the help

  • @liman11
    @liman11 2 ปีที่แล้ว +1

    Hello! Thank you for your helpful video! I have been able to create Vue app and open it in Visual Studio Code but when I run gulp serve, browser cannot read anything since there is 'enter-your-sharepoint-site/_layouts/workbench.aspx' as a path (the web is unreachable). My Vue app is on my local laptop and I need to deploy/run it on SharePoint on Premise and also on Sharepoint Online. How should I proceed here, please?

    • @RDT
      @RDT  2 ปีที่แล้ว +1

      Thanks for your comment. The local workbench is no longer supported
      See video here: th-cam.com/video/NDcUu_i03H0/w-d-xo.html
      You will need an online account, see video here: th-cam.com/video/2zFYhbpYv-Q/w-d-xo.html
      And finally for on premise I would recommend this video: th-cam.com/video/b7jZqy0Ozpg/w-d-xo.html
      Hope it helps
      Rob

    • @liman11
      @liman11 2 ปีที่แล้ว

      @@RDT Thank you, Rob! I was able to create the dev environment according to the videos you advised me :) but still don't know how to deploy it to SP on-premise. Do you know a video or article where it is described, please?

  • @2007pradipta
    @2007pradipta 3 ปีที่แล้ว

    grt job..what will be the different in between Microsoft template vs PNP-spfx template ? just that pnp support multiple library like React/Viue by default or some other difference.

    • @RDT
      @RDT  3 ปีที่แล้ว +2

      Thank you Pradipta. I use it for scaffolding vueJS, but I might do a deep dive video comparing the differences as I am not 100% sure myself. I know the PnP templates are community driven so constantly being updated. Let me do some investigation and I will update this comment and perhaps make a quick video, thanks for the kind comment. Update, more info here: pnp.github.io/generator-spfx/features/

  • @Pause4Code
    @Pause4Code 2 ปีที่แล้ว +1

    I am getting an error everytime I try to use yo @pnp/spfx. Can you help me ?

    • @RDT
      @RDT  2 ปีที่แล้ว

      Do you mean installing the library, you need
      Npm i @pnp/spfx -save

  • @TYNEPUNK
    @TYNEPUNK 4 หลายเดือนก่อน +1

    you dont really explain why you are making 3 versions?

    • @RDT
      @RDT  3 หลายเดือนก่อน +1

      Good point, it was just to illustrate based on people’s preferred frameworks

  • @TheFunkBros
    @TheFunkBros 2 ปีที่แล้ว +1

    while this may have worked last year I'm getting several errors now... and when I ran Yoeman it had several errors and took a very long time

    • @RDT
      @RDT  2 ปีที่แล้ว

      Thanks for your support Barney. You need an update tutorial I have done here: SharePoint Framework and PnP Full Tutorial
      th-cam.com/play/PLGWG_rRY_j4N8pHW9m17m_QnWu79R_8Zr.html

    • @TheFunkBros
      @TheFunkBros ปีที่แล้ว

      @@RDT thanks but I develop using Vuejs not ReactJs. Don't want to switch just for SharePoint programming. I've since learned that Pnp isn't interested in upgrading to Vuejs 3.x

  • @esoliveira90
    @esoliveira90 ปีที่แล้ว

    Hello everyone!
    I'm trying to use AlertReactJs.module.scss in my AlertReactJs.module.scss.tsx. But I can't associate it to get the style. I wouldn't want to resort to an external css. Can you help me?