generator-office: Sideloading fails with invalid scope

Prerequisites

Please answer the following questions before submitting an issue. YOU MAY DELETE THE PREREQUISITES SECTION.

  • [x ] I am running the latest version of Node and the tools
  • [x ] I checked the documentation and found no answer
  • [ x] I checked to make sure that this issue has not already been filed

yo command: yo office --projectType react --name "OutlookReact3" --host outlook --ts true

NPM: * 20.12.1 (Currently using 64-bit executable)

I’m on Windows 11 using Vscode. I followed the instructions in this repository to create a react app for outlook. When I run npm start a browser window opens that asks me to sign in. Once complete, I get the following error in the VScode terminal:

  Error: Unable to start debugging.
  Error: Unable to sideload the Office Add-in.
  Error: Command failed: npx @microsoft/teamsapp-cli install --xml-path "C:\Users\nlech\Development\Company\OutlookReact3\manifest.xml"
  npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
  (×) Error: [Login] Failed to retrieve token silently. If you encounter this problem multiple times, you can delete `C:\Users\nlech\.fx\account` and try again. invalid_scope: 70011 - [2024-04-09 22:11:46Z]: AADSTS70011: The provided value for the input parameter 'scope' is not valid. The scope 'https://dev.teams.microsoft.com/AppDefinitions.ReadWrite openid profile offline_access' does not exist. Trace ID: fb4068bb-8ff8-4c14-b9b7-f116086fa802 Correlation ID: 43132cd8-a5ce-44d1-a60e-d68848eb9a98 Timestamp: 2024-04-09 22:11:46Z - Correlation ID: 43132cd8-a5ce-44d1-a60e-d68848eb9a98 - Trace ID: fb4068bb-8ff8-4c14-b9b7-f116086fa802
  (×) Error: Sideloading failed.
  (×) Error: {"statusCode":401,"message":"Unauthorized"}
  (×) Error: m365.InternalError: {"message":"Request failed with status code 401","detail":"{\"statusCode\":401,\"message\":\"Unauthorized\"}","tracingId":""}

Yes, I’ve already tried deleting C:\Users\nlech\.fx\account.

I didn’t touch the project after creating it, I just ran npm install/npm start. I have an old Javascript add-in that I built in visual studio and it doesn’t have any problem sideloading to the same account I tried to authenticate with.

https://github.com/OfficeDev/generator-office/assets/4889283/d2af96a7-6642-4f13-8e09-882f01966587

About this issue

  • Original URL
  • State: closed
  • Created 3 months ago
  • Comments: 19 (5 by maintainers)

Most upvoted comments

Looks like you can sideload the manifest to your personal account manually using outook.com.

  1. Open outlook.com and login to your account
  2. Select an email so the reading pane is displayed
  3. Click the apps button in the reading pane and then click “get add-ins” GetAdd-ins
  4. Click “My add-ins”
  5. Scroll to the bottom and click “Add a custom add-in”

Making this better is something we are looking into. Thanks for the feedback!

Preaching to the choir here 😃. Having customer feedback to that effect helps me make my case to others making these decisions.

I’m a bit surprised that I never got a response from the office team beyond the initial one.