Refresh do not work in ASP.NET core 3.0

[kajaljain]

Refresh do not work in ASP.NET core 3.0

[VahidN]

Have you added its dependencies?

• This library uses unobtrusive Ajax library for the refresh button. Make sure you have included its related scripts too:
  • Add required files using the NPM. To do it add package.json file and then run the npm install command
  • It's better to bundle the installed dependencies using dotnet bundle bundleconfig.json
  • Or you can download it from: https://github.com/aspnet/jquery-ajax-unobtrusive/releases

[kajaljain]

Yes, I installed below packages --

<PackageReference Include="Microsoft.jQuery.Unobtrusive.Ajax" Version="3.2.6" />

<PackageReference Include="Microsoft.jQuery.Unobtrusive.Validation" Version="3.2.11" />

<PackageReference Include="jQuery" Version="3.4.1" />
<PackageReference Include="jQuery.Validation" Version="1.19.1" />

[VahidN]

After that you should add them to your _Layout file.

<script src="~/js/site.min.js" type="text/javascript" asp-append-version="true"></script>

Here /js/site.min.js is the minified version of all of the mentioned scripts in one file.
You should minify these scripts with this order

"node_modules/jquery/dist/jquery.min.js",
"node_modules/jquery-validation/dist/jquery.validate.min.js",
"node_modules/jquery-validation-unobtrusive/dist/jquery.validate.unobtrusive.min.js",
"node_modules/jquery-ajax-unobtrusive/dist/jquery.unobtrusive-ajax.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"

And then add the final result to your layout file (or just add them one by one which is less efficient and it will have more round trips to the server).

[caw-ishikajain]

I tried both ways still not working. What am I doing wrong?

[VahidN]

Check out the debug output window and also the developers tools -> network tab of your browser to see if there are any errors?

[kajaljain]

I am getting below errors

[VahidN]

This CSP works here.