Either the 'ViewComponentName' or 'ViewComponentType' property must be set in order to invoke a view component.

Dung Do Tien May 18 2021 210

I have a project in Asp.Net Core 3.1 and I created an action in HomeController to return view component as below:

public IActionResult HomeAjax(string viewComponentName)
{
    if (viewComponentName == "HomeAjax")
    {
        return PartialView(viewComponentName);
    }
    return ViewComponent(viewComponentName);
}

And I call ajax to that action to return some HTML  to append it to the home page.

doInfiniteScroll() {
    var instance = this;
    instance.flagData = true;
    instance.urlAction = "/Home/HomeAjax";
    switch (instance.viewName) {
        case "":
            instance.viewName = "TopUsedCarList";
            break;
        case "TopUsedCarList":
            instance.viewName = "TopNewCarList";
            break;
        default:
            instance.viewName = "HomeAjax";
            break;
    }
    $.ajax({
        type: "GET",
        cache: false,
        url: instance.urlAction,
        data: { "viewComponentName": instance.viewName },
        beforeSend: function () {
        },
        success: function (html) {
            instance.containerSelector.append(html);
            instance.initHomeAjaxHtml();
            if (instance.viewName != "HomeAjax") {
                instance.flagData = false;
            }
            else {
                instance.showFooter();
            }
        },
        complete: function () {
        }
    });
};

When I call the ajax function and I got an error: Either the 'ViewComponentName' or 'ViewComponentType' property must be set in order to invoke a view component.

System.InvalidOperationException: Either the 'ViewComponentName' or 'ViewComponentType' property must be set in order to invoke a view component.
   at Microsoft.AspNetCore.Mvc.ViewFeatures.ViewComponentResultExecutor.GetViewComponentResult(IViewComponentHelper viewComponentHelper, ILogger logger, ViewComponentResult result)
   at Microsoft.AspNetCore.Mvc.ViewFeatures.ViewComponentResultExecutor.ExecuteAsync(ActionContext context, ViewComponentResult result)
   at Microsoft.AspNetCore.Mvc.ViewFeatures.ViewComponentResultExecutor.ExecuteAsync(ActionContext context, ViewComponentResult result)
   at Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.<InvokeNextResultFilterAsync>g__Awaited|29_0[TFilter,TFilterAsync](ResourceInvoker invoker, Task lastTask, State next, Scope scope, Object state, Boolean isCompleted)
   at Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.Rethrow(ResultExecutedContextSealed context)
   at Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.ResultNext[TFilter,TFilterAsync](State& next, Scope& scope, Object& state, Boolean& isCompleted)

HomeAjax is a partial view and TopUsedCarList, TopNewCarList are view components.

Thanks for any suggestions.

Have 1 answer(s) found.
  • A

    Aa May 18 2021

    I think the message error throw is very clear.  I think when viewComponentName variable  is null or empty so the method ViewComponent() will throw this exception.

    So to resolve this issue you have to check null for this variable first. You can check as below:

    public IActionResult HomeAjax(string viewComponentName)
{
    if (string.IsNullOrEmpty(viewComponentName)) return Content("");

    if (viewComponentName == "HomeAjax")
    {
        return PartialView(viewComponentName);
    }
    return ViewComponent(viewComponentName);
}

    I hope it works for you.

Related Q&A May You Like

  1. GitHub remote: Support for password authentication was removed on August 13, 2021
  2. Error remote: Repository not found on GitHub when clone
  3. The SDK 'Microsoft.NET.Sdk.Web' specified could not be found
  4. Unable to prepare context: unable to evaluate symlinks in Dockerfile in Asp.net Core
  5. Connection refused 127.0.0.1:3306 in .Net Core and MySql
  6. The operation failed as details for project could not be loaded in Asp.net Core
  7. Cannot implicitly convert type 'bool' to 'System.Threading.Tasks.Task<bool>' in C# Asp.Net Core
  8. Assets file 'project.assets.json' not found in Asp.net Core
  9. Eror the DbContext of type cannot be pooled in Asp.Net Core
  10. Error field doesn't have a default value in FE Core & MySql
  11. Your startup project doesn't reference Microsoft.EntityFrameworkCore.Design
  12. How to set GIT Username and email global in local computer?
  13. How to undo merge GIT with some conflicts, still not pushed?
  14. Denied: access forbidden in gitlab cicd with .net 6
  15. Git error fatal: cannot do a partial commit during a merge
Leave An Answer
* NOTE: You need Login before leave an answer

* Type maximum 2000 characters.

* All comments have to wait approved before display.

* Please polite comment and respect questions and answers of others.

Most Quizs Popular

Start Test

Javascript - Functions
Start Test

Asp.Net Core - Exam test 01
Start Test

Asp.Net Core - Exam test 02
Start Test

C# - Level Beginner

Popular Tips

This site uses cookies so that we can remember you and understand how you interact with our website. This allows us to improve and customize your browsing experience. See our Cookies Policy.
X Close