search

pnp / sp-dev-samples

Code samples for SharePoint add-ins, web hooks and other API samples
MIT License
85 stars 129 forks source link

Gulp serve error about office ui, cant see the webparts #20

Closed jeffangama closed 7 years ago

jeffangama commented 7 years ago

Category

[ ] Question [ X] Bug [ ] Enhancement

Expected or Desired Behavior

The html page shall show, instead i get white page

Observed Behavior

I get a white page and tones of error during gulp serve

`PS C:\DEV\SPFX\TypescriptWPSP\sp-dev-samples> cd "C:\DEV\SPFX\TypescriptWPSP\sp-dev-samples\Samples\react-generic-app" PS C:\DEV\SPFX\TypescriptWPSP\sp-dev-samples\Samples\react-generic-app> npm install npm WARN react-app@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 114 packages in 19.1s

╭─────────────────────────────────────╮ │ │ │ Update available 5.4.2 → 5.5.1 │ │ Run npm i -g npm to update │ │ │ ╰─────────────────────────────────────╯

PS C:\DEV\SPFX\TypescriptWPSP\sp-dev-samples\Samples\react-generic-app> gulp serve [21:03:24] Using gulpfile C:\DEV\SPFX\TypescriptWPSP\sp-dev-samples\Samples\react-generic-app\gulpfile.js [21:03:24] Starting gulp [21:03:24] Starting 'serve'... [21:03:24] Starting subtask 'serve'... [21:03:24] Finished subtask 'serve' after 181 ms [21:03:24] Starting subtask 'pre-copy'... [21:03:24] Finished subtask 'pre-copy' after 10 ms [21:03:24] Starting subtask 'sass'... [21:03:25] Server started http://localhost:4321 [21:03:25] LiveReload started on port 35729 [21:03:25] Opening http://localhost:4321/index.html using the default OS app Request: '/index.html' [21:03:25] Finished subtask 'sass' after 1.28 s [21:03:25] Starting subtask 'typescript'... [21:03:25] [typescript] TypeScript version: 2.4.2 [21:03:26] Starting subtask 'text'... [21:03:26] Starting subtask 'api-extractor'... [21:03:26] Finished subtask 'api-extractor' after 16 ms Request: '/node_modules/react/dist/react.js' Request: '/node_modules/react-dom/dist/react-dom.js' Request: '/dist/react-app.js' [21:03:26] Finished subtask 'text' after 163 ms [21:03:29] Error - typescript - node_modules\@uifabric\utilities\lib\Customizer.d.ts(21,54): error TS2559: Type 'ICustomizerProps' has no properties in common with type 'IBaseProps' . [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\Calendar\CalendarDay.d.ts(29,55): error TS2559: Type 'ICalendarDayProps' has no properties in comm on with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\ColorPicker\ColorPicker.d.ts(7,55): error TS2559: Type 'IColorPickerProps' has no properties in co mmon with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\DetailsList\DetailsHeader.d.ts(41,57): error TS2559: Type 'IDetailsHeaderProps' has no properties in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\DetailsList\DetailsRow.d.ts(43,54): error TS2559: Type 'IDetailsRowProps' has no properties in com mon with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\Dialog\DialogContent.d.ts(5,57): error TS2559: Type 'IDialogContentProps' has no properties in com mon with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\DocumentCard\DocumentCardActions.d.ts(2,63): error TS2559: Type 'IDocumentCardActionsProps' has no properties in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\DocumentCard\DocumentCardActivity.d.ts(2,64): error TS2559: Type 'IDocumentCardActivityProps' has no properties in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\DocumentCard\DocumentCardLocation.d.ts(2,64): error TS2559: Type 'IDocumentCardLocationProps' has no properties in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\DocumentCard\DocumentCardPreview.d.ts(2,63): error TS2559: Type 'IDocumentCardPreviewProps' has no properties in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\DocumentCard\DocumentCardTitle.d.ts(6,61): error TS2559: Type 'IDocumentCardTitleProps' has no pro perties in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\Fabric\Fabric.d.ts(5,50): error TS2559: Type 'HTMLProps' has no properties in comm on with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\Layer\LayerHost.d.ts(2,53): error TS2559: Type 'HTMLProps' has no properties in commo n with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\Pivot\PivotItem.d.ts(2,53): error TS2559: Type 'IPivotItemProps' has no properties in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\pickers\AutoFill\BaseAutoFill.d.ts(5,56): error TS2559: Type 'IBaseAutoFillProps' has no propertie s in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\pickers\BasePicker.d.ts(17,88): error TS2559: Type 'P' has no properties in common with type 'IBas eProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\pickers\Suggestions\Suggestions.d.ts(3,62): error TS2559: Type 'ISuggestionItemProps' has no pr operties in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\components\pickers\Suggestions\Suggestions.d.ts(6,58): error TS2559: Type 'ISuggestionsProps' has no prope rties in common with type 'IBaseProps'. [21:03:29] Error - typescript - node_modules\office-ui-fabric-react\lib\utilities\selection\SelectionZone.d.ts(13,57): error TS2559: Type 'ISelectionZoneProps' has no properties in common with type 'IBaseProps'. Request: '/dist/react-app.js' [21:03:29] Error - 'typescript' sub task errored after 3.51 s TypeScript error(s) occurred. (node:932) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 4): TypeError: options.message.replace is not a function [21:04:18] Server stopped`

Thanks you !

jeffangama commented 7 years ago

Changed the line 13 in package.json, ran npm install and npm update again (I dont know if this is necessary) and it fixes the issue.

"office-ui-fabric-react": "^5.8.2"