hi i hope you can replay i have done everything correctly in Linux Mint 21.3 virgina but the last step where i execute 'gulp serve' opens a window of firefox (my default browser) saying server not found, like the one when you put the address wrong. could i get a fix for above problem? also is this course discontinued? thanks alot man
What if you want to do something relatively simple? I just want to add a custom calculated field that shows the number of days since an item was last opened. So, it would display an non-negative integer value. Is there a way to do this without having to install the full dev stack? (Our company does not grant admin rights to our PCs so it's a problem for me).
I am not sure if the last accessed date is available, modified date is. in the list settings, you can create a calculated field of type number which is [Today]-[Modified] Great article here expands on this with some formatting examples tracyvanderschyff.com/2016/12/02/calculate-difference-between-two-dates/
Thank for this video but I followed all the steps until 6, when I run the YO command I don't see sharepoint in the list to choose.Can you help me please?
SharePoint Online is the actual application (lists, libraries, pages etc). The spfx SharePoint framework is the development libraries that allow you to create webparts and other bits that sit in those pages, lists and libraries. For example, in SharePoint online you might add a weather webpart to your page which is provided by Microsoft. Spfx allows you to create your own custom Webpart that can be dragged on to a page.
Hi Joao, thanks for your support of the channel. Yes the local workbench has been removed. See the latest video series on building webparts on the channel and also this video ruclips.net/video/NDcUu_i03H0/видео.html
Got to the 'trust-dev-cert' part but I keep getting the "'source' is not recognized as an internal..." error, in my command prompt. Any help would be appreciated - thanks in advance
What version of node are you running? (Type node -v). Let me know, and we can look at it further. You could install node version manager, ensure you are on version 14 and then suggest you uninstall all global packages, your Node.js install, and then re-install clean (Node.js v14 + yeoman, gulp & the SPFx generator).
Hello, I installed node.js 10.24 for windows 10. When I install Gulp and Yeoman I get a lot of deprication and not supported warnings. Is this because Gulp and Yeoman are downloading the latest versions and I did not download the latest for node? I donwloded 10.24 because of SharePoint compatibility. Are there also specific versions for Gulp and Yo?
Please can you check that you are using node 10.24 by typing "node -v" at a command prompt. If not you may need to install Node Version Manager to swap between node versions (dev.to/skaytech/how-to-install-node-version-manager-nvm-for-windows-10-4nbi). Once you switch to node 10.24 you will need to do a "npm install" in your project to ensure the correct versions of the libraries are installed before running :gulp serve"
No thats fine. When you run "gulp build" you will get a lot of warnings and not supported errors, only errors will stop your webpart from running. Elio Struyf has a great article here: www.eliostruyf.com/how-to-let-the-warnings-not-fail-the-sharepoint-framework-build-process/ Try "gulp serve" and if a browser opens and you can add your webpart, you know all is fine. Hopefully Microsoft will release a version of the framework soon that does not have so many warnings etc.
The video is probably a little out of date. See this tutorial here that I have just release for the latest version Let’s go! Learn SPFx Today! | Build a webpart using PnP and ReactJS - INTRODUCTION PART 1 of 5 ruclips.net/video/L6KdLjONndM/видео.html
are you running gulp serve from the folder where the gulp file is. Please could you post the contents of your gulp file and I will take a look or email me at robertsdevtalk@gmail.com
How do I resolve this error message? ReferenceError: primordials is not defined npm -v --> 6.14.12 node -v --> v14.16.1 at fs.js:45:5 at req_ (C:\Users\jesse\source\FirstWebpart ode_modules atives\index.js:143:24) at Object.req [as require] (C:\Users\x\source\FirstWebpart ode_modules atives\index.js:55:10) at Object. (C:\Users\x\source\FirstWebpart ode_modules\gulp ode_modules\graceful-fs\fs.js:1:37) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Module.require (internal/modules/cjs/loader.js:952:19) at require (internal/modules/cjs/helpers.js:88:18)
So I am guessing they don’t let you install node locally, etc. would they consider allowing use of a virtual machine hosted in azure as a development platform?
Having issues... Node: 12.16.0 @microsoft/generator-sharepoint@1.13.1 gulp-cli@2.3.0 yo@4.3.0 I had to change the initialPage entry in serve.json, but now I get the following error: Your web part will not appear in the toolbox. Please make sure "gulp serve" is running in a web part project. Please refresh the page once "gulp serve" is running.
I assume you are running gulp serve at the terminal. Also local workbench doesn’t work in 1.13 it needs to be a live SharePoint site e.g my tenant.SharePoint.com /_layouts/workbench.aspx
I need help: I get the following errow when I run "gulp serve" c:\Users\david\my-project\src\webparts\myFirstWebPart>gulp trust-dev-cert [20:41:35] Working directory changed to c:\Users\david\my-project Build target: DEBUG Normalized project rootPath from "c:\Users\david\my-project" to C:\Users\david\my-project [20:41:39] Using gulpfile c:\Users\david\my-project\gulpfile.js [20:41:39] Starting 'trust-dev-cert'... [20:41:39] Starting gulp [20:41:39] Starting subtask 'trust-cert'... [20:41:40] Finished subtask 'trust-cert' after 167 ms [20:41:40] Finished 'trust-dev-cert' after 175 ms [20:41:40] ==================[ Finished ]================== [20:41:41] Project my-first-webpart version:0.0.1 [20:41:41] Build tools version:3.17.19 [20:41:41] Node version:v16.17.0 [20:41:41] Total duration:4.75 s c:\Users\david\my-project\src\webparts\myFirstWebPart>gulp serve [20:42:01] Working directory changed to c:\Users\david\my-project Build target: DEBUG Normalized project rootPath from "c:\Users\david\my-project" to C:\Users\david\my-project [20:42:04] Using gulpfile c:\Users\david\my-project\gulpfile.js [20:42:04] Starting 'serve'... [20:42:04] Starting gulp [20:42:04] Starting subtask 'spfx-serve'... [20:42:04] [spfx-serve] To load your scripts, use this query string: ?debug=true&noredir=true&debugManifestsFile=localhost:4321/temp/manifests.js [20:42:04] Starting server... [20:42:04] Finished subtask 'spfx-serve' after 294 ms [20:42:04] Starting subtask 'pre-copy'... [20:42:04] Finished subtask 'pre-copy' after 62 ms [20:42:04] Starting subtask 'copy-static-assets'... [20:42:04] Starting subtask 'sass'... [20:42:04] Server started localhost:4321 [20:42:04] LiveReload started on port 35729 [20:42:04] Running server [20:42:04] Opening enter-your-SharePoint-site/_layouts/workbench.aspx using the default OS app [20:42:05] Finished subtask 'sass' after 625 ms [20:42:05] Starting subtask 'lint'... [20:42:05] [lint] eslint version: 8.7.0 [20:42:05] Starting subtask 'tsc'... [20:42:05] [tsc] typescript version: 4.5.5 [20:42:09] Finished subtask 'tsc' after 3.48 s [20:42:10] Finished subtask 'copy-static-assets' after 5.07 s [20:42:11] Finished subtask 'lint' after 5.91 s [20:42:11] Starting subtask 'post-copy'... [20:42:11] Finished subtask 'post-copy' after 1.22 ms [20:42:11] Starting subtask 'configure-webpack'... [20:42:11] Error - 'configure-webpack' sub task errored after 13 ms Entry path "C:\USERS\DAVID\MY-PROJECT\LIB\WEBPARTS\MYFIRSTWEBPART\MYFIRSTWEBPARTWEBPART.JS" occurs in multiple config.json components. This is not supported.
See latest video for setting up 1.15.2 Dev environment, this should help Let’s go! Learn SPFx Today! | Build a webpart using PnP and ReactJS - INTRODUCTION PART 1 of 5 ruclips.net/video/L6KdLjONndM/видео.html
hi
i hope you can replay
i have done everything correctly in Linux Mint 21.3 virgina but the last step where i execute 'gulp serve' opens a window of firefox (my default browser) saying server not found, like the one when you put the address wrong.
could i get a fix for above problem?
also is this course discontinued?
thanks alot man
The local workbench has been discontinued. You now need an online subscription for o365
Hi! What editor do you use for editing your tutorials?
Hi. Davinchi Resolve on a Mac 👍
What if you want to do something relatively simple? I just want to add a custom calculated field that shows the number of days since an item was last opened. So, it would display an non-negative integer value. Is there a way to do this without having to install the full dev stack? (Our company does not grant admin rights to our PCs so it's a problem for me).
I am not sure if the last accessed date is available, modified date is. in the list settings, you can create a calculated field of type number which is
[Today]-[Modified]
Great article here expands on this with some formatting examples
tracyvanderschyff.com/2016/12/02/calculate-difference-between-two-dates/
Thank for this video but I followed all the steps until 6, when I run the YO command I don't see sharepoint in the list to choose.Can you help me please?
Make sure you have installed the templates
What is the difference between Sharepoint Online 365 and Spfx sharepoint framework?
SharePoint Online is the actual application (lists, libraries, pages etc). The spfx SharePoint framework is the development libraries that allow you to create webparts and other bits that sit in those pages, lists and libraries. For example, in SharePoint online you might add a weather webpart to your page which is provided by Microsoft. Spfx allows you to create your own custom Webpart that can be dragged on to a page.
@@RDT How to create a webpart?
And this created webpart can be used in SharePoint 365 Online
@@mariavitoriaaugusto6381 This series wll teach you how to create a webpart and then deploy it to your 365 tenant.
I have don everything as explaned but at the end the page don t open,, can you help sove this question? Please
Hi Joao, thanks for your support of the channel. Yes the local workbench has been removed. See the latest video series on building webparts on the channel and also this video ruclips.net/video/NDcUu_i03H0/видео.html
Got to the 'trust-dev-cert' part but I keep getting the "'source' is not recognized as an internal..." error, in my command prompt. Any help would be appreciated - thanks in advance
What version of node are you running? (Type node -v). Let me know, and we can look at it further. You could install node version manager, ensure you are on version 14 and then suggest you uninstall all global packages, your Node.js install, and then re-install clean (Node.js v14 + yeoman, gulp & the SPFx generator).
Do you have any paid sharepoint courses?
No, we just share what we can for free
Hello, I installed node.js 10.24 for windows 10. When I install Gulp and Yeoman I get a lot of deprication and not supported warnings. Is this because Gulp and Yeoman are downloading the latest versions and I did not download the latest for node? I donwloded 10.24 because of SharePoint compatibility. Are there also specific versions for Gulp and Yo?
Please can you check that you are using node 10.24 by typing "node -v" at a command prompt. If not you may need to install Node Version Manager to swap between node versions (dev.to/skaytech/how-to-install-node-version-manager-nvm-for-windows-10-4nbi). Once you switch to node 10.24 you will need to do a "npm install" in your project to ensure the correct versions of the libraries are installed before running :gulp serve"
@@RDT I am running node 10.24.1 is that different from 10.24
No thats fine. When you run "gulp build" you will get a lot of warnings and not supported errors, only errors will stop your webpart from running.
Elio Struyf has a great article here: www.eliostruyf.com/how-to-let-the-warnings-not-fail-the-sharepoint-framework-build-process/
Try "gulp serve" and if a browser opens and you can add your webpart, you know all is fine. Hopefully Microsoft will release a version of the framework soon that does not have so many warnings etc.
i have gulp CLI version 2.3.0 and Local Version 4.0.2 but still can't gulp serve.
The video is probably a little out of date. See this tutorial here that I have just release for the latest version Let’s go! Learn SPFx Today! | Build a webpart using PnP and ReactJS - INTRODUCTION PART 1 of 5
ruclips.net/video/L6KdLjONndM/видео.html
[23:53:39] Task 'serve' is not in your gulpfile
[23:53:39] Please check the documentation for proper gulpfile formatting
help me for error
are you running gulp serve from the folder where the gulp file is. Please could you post the contents of your gulp file and I will take a look or email me at robertsdevtalk@gmail.com
@@RDT yes that is solved now..just version issue...
But why versions are so much critical to support
SPFx has so many dependencies, hopefully they will refine it over time.
How do I resolve this error message?
ReferenceError: primordials is not defined
npm -v --> 6.14.12
node -v --> v14.16.1
at fs.js:45:5
at req_ (C:\Users\jesse\source\FirstWebpart
ode_modules
atives\index.js:143:24)
at Object.req [as require] (C:\Users\x\source\FirstWebpart
ode_modules
atives\index.js:55:10)
at Object. (C:\Users\x\source\FirstWebpart
ode_modules\gulp
ode_modules\graceful-fs\fs.js:1:37)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Module.require (internal/modules/cjs/loader.js:952:19)
at require (internal/modules/cjs/helpers.js:88:18)
What version of gulp are you running, it needs to be version 4 I believe
i also see that this page is not exist in the vs code editor, can you please give me support
Hey Sohaib, What would you like to know. Feel free to email your query to robertsdevtalk@gmail.com
@@RDT kindly check your email box thanks.
@@RDT Thanks for your great support
So installing all the development tools, SPFX is not a suitable platform at my organization.
So I am guessing they don’t let you install node locally, etc. would they consider allowing use of a virtual machine hosted in azure as a development platform?
Having issues...
Node: 12.16.0
@microsoft/generator-sharepoint@1.13.1
gulp-cli@2.3.0
yo@4.3.0
I had to change the initialPage entry in serve.json, but now I get the following error:
Your web part will not appear in the toolbox. Please make sure "gulp serve" is running in a web part project. Please refresh the page once "gulp serve" is running.
I assume you are running gulp serve at the terminal. Also local workbench doesn’t work in 1.13 it needs to be a live SharePoint site e.g my tenant.SharePoint.com /_layouts/workbench.aspx
I get errors when I run yo then selecting @pnp/spfx. No headaches running this instead: yo @microsoft/sharepoint
I think it should be @pnp/sp not @pnp/spfx
I need help: I get the following errow when I run "gulp serve"
c:\Users\david\my-project\src\webparts\myFirstWebPart>gulp trust-dev-cert
[20:41:35] Working directory changed to c:\Users\david\my-project
Build target: DEBUG
Normalized project rootPath from "c:\Users\david\my-project" to C:\Users\david\my-project
[20:41:39] Using gulpfile c:\Users\david\my-project\gulpfile.js
[20:41:39] Starting 'trust-dev-cert'...
[20:41:39] Starting gulp
[20:41:39] Starting subtask 'trust-cert'...
[20:41:40] Finished subtask 'trust-cert' after 167 ms
[20:41:40] Finished 'trust-dev-cert' after 175 ms
[20:41:40] ==================[ Finished ]==================
[20:41:41] Project my-first-webpart version:0.0.1
[20:41:41] Build tools version:3.17.19
[20:41:41] Node version:v16.17.0
[20:41:41] Total duration:4.75 s
c:\Users\david\my-project\src\webparts\myFirstWebPart>gulp serve
[20:42:01] Working directory changed to c:\Users\david\my-project
Build target: DEBUG
Normalized project rootPath from "c:\Users\david\my-project" to C:\Users\david\my-project
[20:42:04] Using gulpfile c:\Users\david\my-project\gulpfile.js
[20:42:04] Starting 'serve'...
[20:42:04] Starting gulp
[20:42:04] Starting subtask 'spfx-serve'...
[20:42:04] [spfx-serve] To load your scripts, use this query string: ?debug=true&noredir=true&debugManifestsFile=localhost:4321/temp/manifests.js
[20:42:04] Starting server...
[20:42:04] Finished subtask 'spfx-serve' after 294 ms
[20:42:04] Starting subtask 'pre-copy'...
[20:42:04] Finished subtask 'pre-copy' after 62 ms
[20:42:04] Starting subtask 'copy-static-assets'...
[20:42:04] Starting subtask 'sass'...
[20:42:04] Server started localhost:4321
[20:42:04] LiveReload started on port 35729
[20:42:04] Running server
[20:42:04] Opening enter-your-SharePoint-site/_layouts/workbench.aspx using the default OS app
[20:42:05] Finished subtask 'sass' after 625 ms
[20:42:05] Starting subtask 'lint'...
[20:42:05] [lint] eslint version: 8.7.0
[20:42:05] Starting subtask 'tsc'...
[20:42:05] [tsc] typescript version: 4.5.5
[20:42:09] Finished subtask 'tsc' after 3.48 s
[20:42:10] Finished subtask 'copy-static-assets' after 5.07 s
[20:42:11] Finished subtask 'lint' after 5.91 s
[20:42:11] Starting subtask 'post-copy'...
[20:42:11] Finished subtask 'post-copy' after 1.22 ms
[20:42:11] Starting subtask 'configure-webpack'...
[20:42:11] Error - 'configure-webpack' sub task errored after 13 ms
Entry path "C:\USERS\DAVID\MY-PROJECT\LIB\WEBPARTS\MYFIRSTWEBPART\MYFIRSTWEBPARTWEBPART.JS" occurs in multiple config.json components. This is not supported.
See latest video for setting up 1.15.2 Dev environment, this should help Let’s go! Learn SPFx Today! | Build a webpart using PnP and ReactJS - INTRODUCTION PART 1 of 5
ruclips.net/video/L6KdLjONndM/видео.html
I get "`punycode` module is deprecated" error when running gulp trust-dev-cert or gulp serve... Any suggestions how to fix that?
I think it is just a warning. I am sure a future update of spfx will remove this dependency 👍