Integration with QuickGrid

[mdmontesinos]

Has anyone being able to integrate the new asp.net core official QuickGrid component in Oqtane?

I've installed the Nuget package in both client and server, copied the dll in the Package project, extracted the staticwebassets into _content/Microsoft.AspNetCore.Components.QuickGrid and referenced them from my module resources.

However, the issue is that the js for QuickGrid is scoped to the razor component "QuickGrid.razor.js" which throws a compile error in both Oqtane.Server and my Server project:

"Error BLAZOR106 The JS module file '~\oqtane.framework\Oqtane.Server\wwwroot\ _content\Microsoft.AspNetCore.Components.QuickGrid\QuickGrid.razor.js' was defined but no associated razor component or view was found for it."

If you try to rename it to QuickGrid.js, it compiles but you end up getting an error from the QuickGrid razor component not being able to find the javascript file.

Microsoft.JSInterop.JSException: Failed to fetch dynamically imported module: http://localhost:44357/_content/Microsoft.AspNetCore.Components.QuickGrid/QuickGrid.razor.js
TypeError: Failed to fetch dynamically imported module: http://localhost:44357/_content/Microsoft.AspNetCore.Components.QuickGrid/QuickGrid.razor.js
   at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object[] args)
   at Microsoft.AspNetCore.Components.QuickGrid.QuickGrid`1.OnAfterRenderAsync(Boolean firstRender)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

[sbwalker]

@mdmontesinos can you share your Resources declaration in your module which references the QuickGrid JavaScript file.

[mdmontesinos]

Is there any way that you know to suppress the error and allow Visual Studio to build the project?

Otherwise, I'll log an issue at the asp repo to see if they come up with a solution.

[sbwalker]

Is it a Visual Studio error or a .NET compiler error?

[sbwalker]

See this: https://stackoverflow.com/questions/73126368/load-js-file-with-custom-razor-component-in-blazor-app

"Fixed by marking component as Content instead of None"

To answer your question above I have never seen this error before so I do not have a solution. I found the above suggestion by Googling "Error BLAZOR106" - and there are a LOT of references to it online

[mdmontesinos]

Is it a Visual Studio error or a .NET compiler error?
I'd say a .NET compiler error, as it throws when trying to build the solution in both the Oqtane and Module Server projects,

1>------ Build started: Project: Oqtane.Server, Configuration: Debug Any CPU ------
2>------ Build started: Project: MyModule.Server, Configuration: Debug Any CPU ------
2>PATH\MyModule.Server\wwwroot\_content\Microsoft.AspNetCore.Components.QuickGrid\QuickGrid.razor.js : error BLAZOR106: The JS module file 'PATH\MyModule.Server\wwwroot\_content\Microsoft.AspNetCore.Components.QuickGrid\QuickGrid.razor.js' was defined but no associated razor component or view was found for it.
2>Done building project "MyModule.Server.csproj" -- FAILED.
1>PATH\oqtane.framework\Oqtane.Server\wwwroot\_content\Microsoft.AspNetCore.Components.QuickGrid\QuickGrid.razor.js : error BLAZOR106: The JS module file 'PATH\oqtane.framework\Oqtane.Server\wwwroot\_content\Microsoft.AspNetCore.Components.QuickGrid\QuickGrid.razor.js' was defined but no associated razor component or view was found for it.
1>Done building project "Oqtane.Server.csproj" -- FAILED.

The error list also permanently displays this error also associated with the QuickGrid js file:

Severity	Code	Description	Project	File	Line	Suppression State	Details
Error	TS6053	File 'PATH/MyModule/wwwroot/_content/Microsoft.AspNetCore.Components.QuickGrid/QuickGrid.razor.js' not found.
  The file is in the program because:
    Root file specified for compilation	Oqtane.Server JavaScript Content Files	PATH\MyModule\MyModule.sln	1	Active	

And about "Fixed by marking component as Content instead of None", I don't actually have the QuickGrid component, it's a referenced DLL, so I'm not entirely sure how that's achievable.

I've also search for the BLAZOR106 error, but found nothing useful, I might log an issue in the asp repo. Btw, how do you usually provide minimal repos or explain errors to the ASP/.NET team when they are related to using Oqtane?

[sbwalker]

@mdmontesinos I usually create a default Blazor application using the template and try to reproduce the problem - but it is often very difficult to create a simple reproduction (I have spent days just trying to create a simple repro before).

[mdmontesinos]

Reported the issue in aspnetcore repo: dotnet/aspnetcore#55009

[mdmontesinos]

The asp.net core team just answered to the issue I posted about integrating QuickGrid.

Basically, there's no "good" way to integrate this component in Oqtane, as it would either require modifying MSBuild to supress the BLAZOR106 error or creating an importmap so that I can rename the scoped file to QuickGrid.js (without the .razor) and Quickgrid is still able to load it.

Also, @sbwalker they seem to be "critical" with the way Oqtane integrates external RCLs.

The issue seems to stem from the way Oqtane operates by bypassing the usage of static web assets all together. It might be ok for Oqtane not to integrate in that way, but then its on them the responsibility to adjust the build as necessary to make this work. I would go even further and say that this is unsupported territory from a product point of view and might break at any moment in the future.

It's also possible I didn't explained properly how Oqtane operates, as I'm still getting the grasp for it. Perhaps you'd like to weigh in the conversation.