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.
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:
This website uses technical and profiling cookies. Clicking on "Accept" authorises all profiling cookies. Clicking on "Refuse" or the X will refuse all profiling cookies. By clicking on "Customise" you can select which profiling cookies to activate.
Google Analytics is a web analytics service provided by Google Ireland Limited (“Google”). Google uses the Personal Data collected to track and examine the use of this Application, compile reports on its activities and share them with other services developed by Google. Google may use your Personal Data to contextualize and personalize ads in its advertising network. This Google Analytics integration anonymizes your IP address. The anonymization works by shortening the IP address of the Users within the borders of the member states of the European Union or other countries that are members of the Agreement on the European Economic Area. Only in exceptional cases, the IP address will be sent to Google's servers and shortened within the United States.