thenikhilk / sharepoint-instagram-feed

This web part enables Office 365 SharePoint users to embed Instagram feeds from any public Instagram account to SharePoint pages seamlessly with NO NEED for registering any ACCESS_KEY, TOKEN or client applications.
https://thenikhilk.com/2019/10/26/tnk-sp-ig/
MIT License
15 stars 16 forks source link

CDN error #3

Closed thijsvgils closed 4 years ago

thijsvgils commented 4 years ago

First of all, great work!

My issue: I'm able to add the app to the app catalog, but when adding the webpart to the page I get the following error:

[SPLoaderError.loadComponentError]: Failed to load component "ed33f1de-aa1c-4e68-bb4e-bc4835f865ea" (InstagramFeedWebPart). Original error: Failed to load URL 'https://cdn.jsdelivr.net/gh/thenikhilk/cdn/tnk-sp-ig/s-instagramfeedwebpartstrings_en-us_4e9dfa86b94ddc3714c06cec6512bffe.js' for resource 'InstagramFeedWebPartStrings' in component 'ed33f1de-aa1c-4e68-bb4e-bc4835f865ea' (InstagramFeedWebPart). The file was not found in the server.

How do I ensure the CDN repo is accessible to SharePoint? I'm guessing that's the problem...

Thanks in advance!

thenikhilk commented 4 years ago

Hello @thijsvgils

Thank you for using the web part, error that you are getting, I'm not sure why since the actual URL for this file should be https://cdn.jsdelivr.net/gh/thenikhilk/cdn/tnk-sp-ig/sharepoint-instagram-feed-instagramfeedwebpartstrings_en-us_134e1dc2c69cdff4287a269a350b053b.js

But given your site is loading another URL which may be a n issue for other users I've added the same file with the name at the CDN and now your URL should resolve within the WebPart

https://cdn.jsdelivr.net/gh/thenikhilk/cdn/tnk-sp-ig/s-instagramfeedwebpartstrings_en-us_4e9dfa86b94ddc3714c06cec6512bffe.js

Do let me know if the issue was solved or you need any other assistance also make sure you make it available to the tenant while deploying(tick the checkbox shown in the image below): image

CDN Stats don't show the file being requested: CDN Stats

nschah commented 4 years ago

Hi - i have the same issue, now after your changes i get a new error: "An error occurred - Failed to load data, please check WebPart settings or try again later"

Bildschirmfoto 2019-11-07 um 11 28 10
thenikhilk commented 4 years ago

could you give me the Instagram user name that you are trying to embed?

nschah commented 4 years ago

insta name: maxmustermann893 (this is a test account) Do i need to have setting in my instagram account?

thenikhilk commented 4 years ago

Nope, only public profiles are supported. I saw there are no posts on your account try adding a sample post it should work

The error that you are seeing shows up when there is nothing to render or malformed data.

For the issue reported by @thijsvgils I just check installing it on a fresh tenant and using it, it seems to work: image

thenikhilk commented 4 years ago

@nschah I see that you've added posts and now your profile seems to be rendering in my testing: image

nschah commented 4 years ago

how is that possible! i still receive the error, and i have tried with other public profiles aswell. it shows the same error :(

Bildschirmfoto 2019-11-07 um 11 51 54
thenikhilk commented 4 years ago

@nschah this is a separate issue, not the original one, please log a new issue for this and provide me a screenshot of the console and your network requests from the developer console(press f12 to open) for any failed requests

Console: image

Network: image

thijsvgils commented 4 years ago

Hello @thijsvgils

Thank you for using the web part, error that you are getting, I'm not sure why since the actual URL for this file should be https://cdn.jsdelivr.net/gh/thenikhilk/cdn/tnk-sp-ig/sharepoint-instagram-feed-instagramfeedwebpartstrings_en-us_134e1dc2c69cdff4287a269a350b053b.js

But given your site is loading another URL which may be a n issue for other users I've added the same file with the name at the CDN and now your URL should resolve within the WebPart

https://cdn.jsdelivr.net/gh/thenikhilk/cdn/tnk-sp-ig/s-instagramfeedwebpartstrings_en-us_4e9dfa86b94ddc3714c06cec6512bffe.js

Do let me know if the issue was solved or you need any other assistance also make sure you make it available to the tenant while deploying(tick the checkbox shown in the image below): image

CDN Stats don't show the file being requested: CDN Stats

Thanks for that! I'm now able to add the webpart, and enter an Instagram account name, but receiving the same error as @nschah image

thenikhilk commented 4 years ago

This error tracked in #4