OfficeDev/office-js-docs-pr

Spam-reporting add-in (preview) Outlook

Closed this issue · 4 comments

[Enter feedback here]
Hello, I'm currently attempting to integrate the Spam Reporting add-in, but it's not loading after appearing in Outlook.

To preview the integrated spam-reporting feature, I joined the Microsoft 365 Insider program, selected the Beta Channel option to access the Office beta builds, and updated everything to the latest build.

Environment:
I've set up my environment and followed the Microsoft documentation on how to build apps with the Yeoman generator.

Configuration:
I meticulously followed all the steps outlined in the Microsoft documentation:

Inserted the Version node from the documentation into my Manifest.
Implemented the event handler by creating a new folder "spamreporting" and placing "spamremoving.js" inside it with the provided code.
Adjusted the Registry setting for the "getAsFileAsync" method.
Updated the commands HTML file.
Updated the webpack config settings.

After completing the configuration, I sideloaded the add-in using "npm start."

The initial problem I encountered is that the button does not appear in the top ribbon but on top of the selected email. After clicking on it, I only get the default welcome screen, and the add-in doesn't function as expected—it's not reporting or performing any actions.

Do you have any ideas about what might be causing this issue? Should I modify the provided code from the Microsoft documentation, considering that I only copied it into my project, or could the problem lie elsewhere?

This is how it looks after I sideload my add-in

image


Document Details

Do not edit this section. It is required for learn.microsoft.com ➟ GitHub issue linking.

I followed the same steps as you, and I have a relatively similar issue. The difference is that in your case, it works, while in mine, it doesn't even appear.

From your screenshot, it's not apparent that you applied the configurations specified because it's the default version (the one with "Show Taskpane" and "Perform an Action"). It works for me when it's generated by the Yeoman Generator with default code.

What I have manually installed:
image

Yeoman generator:
image

I also had a lot of problems with: OfficeDev/generator-office#486 but managed to find a solution
image

Working with default env:
image

Also the run button doesn't work. The only way to make a default working button and panel is with Visual Studio Code Teams Toolkit (this works for me)
image

After applying all the instructions, it doesn't even show up anywhere. The question is whether the instructions are still valid and if this report button can still be implemented.

After Spam-reporting add-in instructions:

image

image

image

Thanks for reporting this issue. @samantharamon, could you please take a look?

@Draki1893 @Unknowndotexe Could you please provide the Outlook version you're on and verify that you're on the Beta channel (if possible, please include a screenshot)? To check this, in Outlook, select File, then choose Office Account. The version and channel appear in the About Outlook section.

Just checked my build, I had some issues with updating to beta channel but now its working with Registry Keys.
Thank you