Home

Has anyone got the fabric ui - group list - https://dev.office.com/fabric#/components/groupedlist

%3CLINGO-SUB%20id%3D%22lingo-sub-98064%22%20slang%3D%22en-US%22%3EHas%20anyone%20got%20the%20fabric%20ui%20-%20group%20list%20-%20%3CA%20href%3D%22https%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fgroupedlist%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fgroupedlist%3C%2FA%3E%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-98064%22%20slang%3D%22en-US%22%3E%3CP%3Ehi%3C%2FP%3E%3CP%3Ehas%20anyone%20got%20the%20fabric%20ui%20example%20-%20group%20list%20to%20work%20%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ei%20have%20tried%20and%20hit%20issues%20where%20NPM%20complains%20about%20wrong%20versions%2C%20missing%20files%20as%20does%20gulp.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethanks%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENigel%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-98064%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Efabric%20ui%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-103656%22%20slang%3D%22en-US%22%3ERe%3A%20Has%20anyone%20got%20the%20fabric%20ui%20-%20group%20list%20-%20%3CA%20href%3D%22https%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fgroupedlis%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fgroupedlis%3C%2FA%3E%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-103656%22%20slang%3D%22en-US%22%3E%3CP%3ECould%20you%20try%20scaffolding%20a%20new%20project%20and%20see%20if%20the%20problem%20persists%3F%3C%2FP%3E%3CP%3ESPFx%20and%20Yeoman%20has%20been%20updated%20so%20get%20the%20latest%20versions%20of%20those%20if%20it%20doesn't%20disrupt%20anything%20for%20you.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-100326%22%20slang%3D%22en-US%22%3ERe%3A%20Has%20anyone%20got%20the%20fabric%20ui%20-%20group%20list%20-%20%3CA%20href%3D%22https%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fgroupedlis%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fgroupedlis%3C%2FA%3E%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-100326%22%20slang%3D%22en-US%22%3E%3CP%3EThese%20are%20the%20error%20messages%20I%20am%20getting%20%26nbsp%3B%3A-%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%20class%3D%22fkp8p%22%3E%3CDIV%20class%3D%22tk%20TmwRj%20Sn%20GjkoZd%22%3E%3CDIV%20class%3D%22Tn%22%3E%3CDIV%20class%3D%22KL%22%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%20class%3D%22fkp8p%22%3E%3CDIV%20class%3D%22tk%20TmwRj%20Sn%20GjkoZd%22%3E%3CDIV%20class%3D%22Tn%22%3E%3CDIV%20class%3D%22KL%22%3E%3CDIV%20class%3D%22PD%20IF%22%3E%3CDIV%20class%3D%22JL%22%3E%3CDIV%20class%3D%22Mu%20SP%22%3E%3CSPAN%20class%3D%22tL8wMe%20EMoHub%22%3E%3CFONT%20face%3D%22Arial%22%3EError%20-%20typescript%20-%20node_modules%5Coffice-ui-fabric-react%5Clib%5Ccomponents%5CFocusZone%5CFocusZone.Props.d.ts(50%2C30)%3A%20error%20TS2694%3A%20Namespace%20'React'%20has%20no%20exported%20member%20'ReactHTML'.%3C%2FFONT%3E%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%20class%3D%22Mu%20SP%22%3E%3CSPAN%20class%3D%22tL8wMe%20EMoHub%22%3E%3CFONT%20face%3D%22Arial%22%3E%3CBR%20%2F%3EError%20-%20typescript%20-%20node_modules%5Coffice-ui-fabric-react%5Clib%5Ccomponents%5CImage%5CImage.Props.d.ts(3%2C43)%3A%20error%20TS2694%3A%20Namespace%20'React'%20has%20no%20exported%20member%20'ImgHTMLAttributes'.%3C%2FFONT%3E%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%20class%3D%22Mu%20SP%22%3E%3CSPAN%20class%3D%22tL8wMe%20EMoHub%22%3E%3CFONT%20face%3D%22Arial%22%3E%3CBR%20%2F%3EError%20-%20'typescript'%20sub%20task%20errored%20after%203.74%20s%3CBR%20%2F%3E%22TypeScript%20error(s)%20occurred.%22%3C%2FFONT%3E%3C%2FSPAN%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22ci%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22TlvAYc%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22TR%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22xA%20sMBrBc%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22TR%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22xA%20sMBrBc%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-100316%22%20slang%3D%22en-US%22%3ERe%3A%20Has%20anyone%20got%20the%20fabric%20ui%20-%20group%20list%20-%20%3CA%20href%3D%22https%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fgroupedlis%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fgroupedlis%3C%2FA%3E%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-100316%22%20slang%3D%22en-US%22%3E%3CP%3EI%20got%20it%20working%20back%20in%20April%20and%20that%20project%20still%20works%20fine.%3C%2FP%3E%3CP%3EIt's%20my%20understanding%20that%20the%20Fabric%20is%20now%20included%20when%20scaffolding%20a%20project%20using%20the%20SharePoint%20Framework%20template%20but%20I%20haven't%20verified%20it.%20Not%20sure%20if%20this%20was%20always%20the%20case%20or%20something%20new%20since%20April%20but%20back%20then%20I%20added%20it%20myself%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3Eyo%20%40microsoft%2Fsharepoint%0Anpm%20--save%20install%20office-ui-fabric-react%0Anpm%20--save%20install%20%40uifabric%2Fexample-app-base%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDid%20you%20add%20the%20example%20code%20(last%20line)%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E
Nigel Price
Contributor

hi

has anyone got the fabric ui example - group list to work ?

 

i have tried and hit issues where NPM complains about wrong versions, missing files as does gulp.

 

thanks

 

Nigel

3 Replies

I got it working back in April and that project still works fine.

It's my understanding that the Fabric is now included when scaffolding a project using the SharePoint Framework template but I haven't verified it. Not sure if this was always the case or something new since April but back then I added it myself:

 

yo @microsoft/sharepoint
npm --save install office-ui-fabric-react
npm --save install @uifabric/example-app-base

 

Did you add the example code (last line)?

These are the error messages I am getting  :-

 

 
Error - typescript - node_modules\office-ui-fabric-react\lib\components\FocusZone\FocusZone.Props.d.ts(50,30): error TS2694: Namespace 'React' has no exported member 'ReactHTML'.

Error - typescript - node_modules\office-ui-fabric-react\lib\components\Image\Image.Props.d.ts(3,43): error TS2694: Namespace 'React' has no exported member 'ImgHTMLAttributes'.

Error - 'typescript' sub task errored after 3.74 s
"TypeScript error(s) occurred."
 
 
 
 
 
 

Could you try scaffolding a new project and see if the problem persists?

SPFx and Yeoman has been updated so get the latest versions of those if it doesn't disrupt anything for you.

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
30 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
29 Replies