Skip to main content

Error while compiling spfx project - Error - typescript - node_modules/@fluentui/react-focus/node_modules

 Some when you create new project or upgrade existing project, developer get issues related to fluent ui packages i.e. :

Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,26): error TS1005: ';' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,41): error TS1005: ')' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,42): error TS1005: ';' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,72): error TS1005: ';' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,107): error TS1005: '(' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,113): error TS1005: ')' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(5,0): error TS1128: Declaration or statement expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(17,66): error TS1005: ';' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(17,113): error TS1005: '(' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(17,135): error TS1005: '(' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,106): error TS1005: '>' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,114): error TS1131: Property or signature expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,120): error TS1005: ';' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,127): error TS1005: ')' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,141): error TS1005: ';' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,157): error TS1005: ';' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,159): error TS1128: Declaration or statement expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,167): error TS1109: Expression expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(51,4): error TS1128: Declaration or statement expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(52,0): error TS1128: Declaration or statement expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/ObjectOnly.d.ts(0,44): error TS1005: ';' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/merge-styles/lib/ObjectOnly.d.ts(0,55): error TS1128: Declaration or statement expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,34): error TS1005: ',' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,59): error TS1005: '=' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,89): error TS1005: '(' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,91): error TS1005: ',' expected.
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,129): error TS1005: '=' expected.        
Error - typescript - node_modules/@fluentui/react-focus/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,136): error TS1109: Expression expected. 
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,26): error TS1005: ';' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,41): error TS1005: ')' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,42): error TS1005: ';' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,72): error TS1005: ';' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,107): error TS1005: '(' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(4,113): error TS1005: ')' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/DeepPartial.d.ts(5,0): error TS1128: Declaration or statement expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(17,66): error TS1005: ';' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(17,113): error TS1005: '(' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(17,135): error TS1005: '(' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,106): error TS1005: '>' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,114): error TS1131: Property or signature expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,120): error TS1005: ';' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,127): error TS1005: ')' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,141): error TS1005: ';' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,157): error TS1005: ';' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,159): error TS1128: Declaration or statement expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(50,167): error TS1109: Expression expected.       
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(51,4): error TS1128: Declaration or statement expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/IStyleSet.d.ts(52,0): error TS1128: Declaration or statement expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/merge-styles/lib/ObjectOnly.d.ts(0,44): error TS1005: ';' expected.
.d.ts(45,59): error TS1005: '=' expected.
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,89): error TS1005: '(' expected.        
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,91): error TS1005: ',' expected.        
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,129): error TS1005: '=' expected.       
Error - typescript - node_modules/office-ui-fabric-react/node_modules/@uifabric/utilities/lib/selection/Selection.d.ts(45,136): error TS1109: Expression expected.Error - 'typescript' sub task errored after 2.37 s
 TypeScript error(s) occurred.
Solution is :
npm uninstall @microsof/rush-stack-compiler-3.3
npm install @microsoft/rush-stack-compiler-3.9@0.4 --save-dev --save-exact
Then in the file tsconfig.json file update the first line from version 3.7 to 3.9:
"extends": "./node_modules/@microsoft/rush-stack-compiler-3.9/includes/tsconfig-web.json",
Labels:

Comments

Post a Comment

Popular posts from this blog

sorry we couldn't remove the app - SharePoint Online

Some time you try to remove some installed apps from SharePoint and it removes approx. all the time but some apps says " sorry we couldn't remove the app ". To remove these kind of apps, You have to use PowerShell Scripts. So there are some steps : 1. Install PnP PowerShell ( Click Here ) 2. Now run the following PnP command with URL and App Name changes : Connect-PnPOnline –Url <Your_Site_Collection_URL> –Credentials (Get-Credential) $instances = Get-PnPApp  $instance = $instances | where {$_.Title -eq '<My_App_Name'}   #Uninstall-PnPApp -Identity $instance.Id Remove-PnPApp -Identity $instance.Id
Post a Comment
Read more

Export / Import from Excel file in SharePoint

SharePoint Web Part - Export or Import from Excel Here is the tool which will help you to import excel file into a list. This tool will not create any kind of list or column. It will help users to import their excel file in specific list. This tool also allows users to update existing records directly from excel file. I have develop the tool in SharePoint Framework. Currently this tool is for SharePoint Online version only. We are supporting following columns : Single line of text Multiple lines of text Number Yes/No Person or Group (Person + Group) Person or Group (Person + Group) (Allow multiple selections) Date and Time Choice Choice (Allow multiple selections) Hyperlink or Picture Currency Managed Metadata Managed Metadata (Allow multiple values) Lookup Lookup (Allow multiple values) Installation of App :- 1. Click here to download the sps-import-from-excel.sppkg . 2. Visit the Microsoft 365 SharePoint Admin Center 3. Go to Apps -> App Catalog. If you don't have ap...
Post a Comment
Read more