SPO - Angelo Gulisano

If you’ve ever developed a custom Web Part for SharePoint, and “Failed to load components” message occures for guest users, here you can find possibile solution to fix it.

SPFx Failed to load component guest users

I develop a SPO Webpart…it run correctly but when my customer share site with guest user, it give us and error:

Something like this:

[SPLoaderError.loadComponentError]:

***Failed to load component "12345-c123-a1be27-223a-xxxx0" (MyWebpart Name).

Possible fix path

A possible problem is guest users can’t acess to ClientSideAssets library on AppCatalog site, so one way is:

Enable external sharing on AppCatalog site
Break permissions on ClientSideAssets library and give reading permission for guest users

If don’t work, you can try also to restore inherits permission and put guest users inside readers group of app catalog site. In this case, guest can Access to all site resources as reader, but if it work you can continue investigate on problem.

Have a nice day

Hi, here’s to know “How can we create relationship” beetwen two SharePoint Online lists.

My idea is create relation with a list of costs rows, to my list “Travel requests”, created for previous tutorial (Build an app in a few minutes), to understand costs details for each travel 🙂

1. Create list “Expense rows”

As a first step, we need a new list to store costs rows, so I add new list to my SPO site.

Then, we should add column to store amount of cost and column to create relationship with travel rows (PS: I use Title column for title of cost row)

Ok now we must create column to create relationship beetwen cost row and travel. To do this, need a LookUp column or for Italian People (“Ricerca”). Please keep mind this kind of column doesnt’t listed on list of common type column (see previous screenshot). One way to create it: click on “Add column” , “More” .

Here we can create lookup column.

Put column name (my case “Travel”) and choose type “Lookup”… (Wait for page reload).

Now you should set “Get information from” field : In this field you must choose another list where get row (or multiple rows) to create relationship.

Set “In this column” field. Here you can set column of other list, used to choose row.

In my case I also checked “Require that this column contains information“, because , in my opinion, when we add cost rows, travel is mandatory 🙂

There are others option, but for this tutorial we can click ok, and come back to our list.

2. Show relationship in SPO Page

First, create some travel rows and cost rows. Now , when we add some cost rows, we must choose “travel” row to associate it 🙂

Now it simple 🙂 To show relationship beetwen two list, we must edit a SharePoint page, add two “list” webpart:

Select Parent list first:

And then we do same process for expense rows.

Finally we have 2 lists in page:

Finally, add Dynamic filtering on “Expense row” webpart:

Configure filtering on “Expense rows” webpart

Result:

Thanks and Stay tuned 🙂

Tag: SPO

SPFx Failed to load component for guest users

SPFx Failed to load component guest users

Possible fix path

SPO Parent/Child relationship

1. Create list “Expense rows”

2. Show relationship in SPO Page