This article explains how to fix an issue where you’re just minding your own business, trying to access the Microsoft Teams context in your SPFx webpart’s WebPartContext via the built-in property microsoftTeams, but you run into an issue. Simple stuff, but it’s still easy to run into this one, so I think it’s worthwhile to document the solution somewhere.
Most likely, the line causing you issues looks something like this:
Of like shown below in Visual Studio Code:
This error will lead to the following output when you actually run gulp bundle or gulp build.
==================[ Finished ]================== Error - [tsc] src/webparts/yourWebPart/YourWebPart.ts(273,22): error TS2339: Property 'microsoftTeams' does not exist on type 'WebPartContext'. Error - [tsc] src/webparts/yourWebPart/YourWebPart.ts(275,22): error TS2339: Property 'microsoftTeams' does not exist on type 'WebPartContext'. Error - 'tsc' sub task errored after 5.34 s exited with code 2
Or like shown below during the build:
Okay, so this is simple… Kind of. The explanation is, anyway!
Let’s rule out the obvious first, though! Let’s do some basic cleanup work. Take the following steps:
- Run gulp clean
- Restart your VS Code
- run gulp bundle
Did that help? No? It didn’t for me, either.
In my case – and possibly in yours as well – you’re not using a recent enough version of SPFx. Microsoft Teams context is only available for versions 1.8+ for SPFx.
If too old of an SPFx version is indeed your issue, in this other article are the instructions on how to update it. Check it out and see if that helps!
Et voilà! You should be good then.
He's been a developer from 2004 (starting with PHP and Java), and he's been bending and twisting SharePoint into different shapes since MOSS. Nowadays he's not only working on SharePoint, but also on .NET projects, Azure, Office 365 and a lot of other stuff.
This is his personal professional (e.g. professional, but definitely personal) blog.
Latest posts by Antti K. Koskela (see all)
- Azure DevOps – how to package a simple DLL? - October 17, 2019
- How to use UriHelper or NavigationManager in .NET Core 3.0 & Blazor? - October 17, 2019
- Azure DevOps build fails with “The nuget command failed with exit code(1) and error(Cannot determine the packages folder to restore NuGet packages.” - October 16, 2019