<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Kibria</title>
    <description>The latest articles on DEV Community by Kibria (@gkibria).</description>
    <link>https://dev.to/gkibria</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3835876%2F424d932a-d519-4418-b30c-0944357c7300.png</url>
      <title>DEV Community: Kibria</title>
      <link>https://dev.to/gkibria</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gkibria"/>
    <language>en</language>
    <item>
      <title>Handling nopCommerce Plugin Dependencies: A Quick Naming Catch Fix</title>
      <dc:creator>Kibria</dc:creator>
      <pubDate>Sat, 29 Aug 2026 11:42:00 +0000</pubDate>
      <link>https://dev.to/gkibria/handling-nopcommerce-plugin-dependencies-a-quick-naming-catch-fix-4k1n</link>
      <guid>https://dev.to/gkibria/handling-nopcommerce-plugin-dependencies-a-quick-naming-catch-fix-4k1n</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;TL;DR:&lt;/strong&gt; If a bundled nopStation plugin throws a missing dependency error for &lt;code&gt;NopStation.Core&lt;/code&gt;, the file is already on your server. The admin dashboard is simply hiding it because the backend system name doesn't match the frontend display name. &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;When installing a new plugin in nopCommerce, missing dependency alerts can sometimes pull you into an unexpected troubleshooting loop. &lt;/p&gt;

&lt;p&gt;Recently, I was setting up the &lt;strong&gt;SSLCommerz&lt;/strong&gt; payment plugin. The installation halted with a bright red warning banner:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4dvniy4rbeu9dwpdxyr0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4dvniy4rbeu9dwpdxyr0.png" alt="nopCommerce dependency error banner showing missing NopStation.Core" width="800" height="108"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Error Message:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;code&gt;The "SSLCommerz" plugin depends on the following plugins which must be installed beforehand: "NopStation.Core"&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Naturally, I immediately went to the &lt;strong&gt;Local Plugins&lt;/strong&gt; search bar and typed in the exact system name provided by the error message: &lt;code&gt;NopStation.Core&lt;/code&gt;. &lt;/p&gt;

&lt;p&gt;Zero results. &lt;/p&gt;

&lt;h3&gt;
  
  
  Investigating the Server Folders
&lt;/h3&gt;

&lt;p&gt;Knowing that the main &lt;code&gt;NopStation.Plugin.Payments.SSLCommerz-4.90.zip&lt;/code&gt; package comes bundled with both plugins inside, I didn't actually have to upload them separately. &lt;/p&gt;

&lt;p&gt;To make sure nothing went wrong during the unpack process, I checked my server's remote &lt;code&gt;Plugins&lt;/code&gt; directory. Sure enough, both folders were unpacked and sitting right next to each other on the filesystem.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi9m1seathgv0p0e0evai.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi9m1seathgv0p0e0evai.png" alt="Server directory listing showing both plugin folders unpacked" width="394" height="81"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If the files were successfully on the server, why wasn't the local plugin list showing it?&lt;/p&gt;

&lt;h3&gt;
  
  
  The Display Name Catch 🔍
&lt;/h3&gt;

&lt;p&gt;The issue comes down to how nopCommerce filters its plugin list, combined with how nopStation structures their extensions. This brings us to the main architectural learning here: &lt;strong&gt;the mismatch between backend system names and frontend display names.&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;System Name:&lt;/strong&gt; Used in folder paths, code references, and dependency error strings (&lt;code&gt;NopStation.Core&lt;/code&gt;).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Display Name:&lt;/strong&gt; The friendly text rendered in the admin panel UI.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Instead of looking for the system name &lt;code&gt;NopStation.Core&lt;/code&gt; which was given in the SSLCommerz's plugin dependency error message, I went back to the Local Plugins dashboard, cleared the query, and searched for a broader keyword: &lt;strong&gt;"Nop"&lt;/strong&gt;. &lt;/p&gt;

&lt;p&gt;Boom. It appeared immediately under its actual UI naming convention:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Display Name:&lt;/strong&gt; Nop-Station Core&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Description:&lt;/strong&gt; &lt;em&gt;This plugin is used to manage Nop-Station plugins.&lt;/em&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Because the dashboard search bar filters strictly by the friendly UI display name rather than the backend system string, searching for the exact error message text hid it from view.&lt;/p&gt;

&lt;h3&gt;
  
  
  🚀 Key Takeaways for Developers
&lt;/h3&gt;

&lt;p&gt;If you find yourself stuck on a similar dependency block while using third-party extensions like those from nopStation, bypass the error string and try these steps:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Verify the Directory:&lt;/strong&gt; Check your filesystem's &lt;code&gt;Plugins&lt;/code&gt; folder first to ensure the dependency directory actually extracted.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Search by Fragment:&lt;/strong&gt; Do not paste the full system name from the error banner into the admin search bar. Search for a core fragment like &lt;strong&gt;"Nop"&lt;/strong&gt; or &lt;strong&gt;"Core"&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Install the Core First:&lt;/strong&gt; Once found, hit &lt;strong&gt;Install&lt;/strong&gt; on the core management plugin, click &lt;strong&gt;Restart application to apply changes&lt;/strong&gt;, and then proceed to install your primary payment plugin.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Keeping this display-versus-system name behavior in mind will save you plenty of time when working inside the nopCommerce ecosystem!&lt;/p&gt;

</description>
      <category>nopcommerce</category>
      <category>dotnet</category>
      <category>webdev</category>
      <category>plugins</category>
    </item>
    <item>
      <title>VS2022's Angular and ASP.NET Core Template Is Stuck on Angular 19 — Here's the Workaround</title>
      <dc:creator>Kibria</dc:creator>
      <pubDate>Tue, 24 Mar 2026 19:24:34 +0000</pubDate>
      <link>https://dev.to/gkibria/vs2022s-angular-and-aspnet-core-template-is-stuck-on-angular-19-heres-the-workaround-11fj</link>
      <guid>https://dev.to/gkibria/vs2022s-angular-and-aspnet-core-template-is-stuck-on-angular-19-heres-the-workaround-11fj</guid>
      <description>&lt;p&gt;If you recently updated your Angular CLI and then tried to create a new project using Visual Studio 2022's "Angular and ASP.NET Core" template, you may have hit a wall. The project creation fails, and the error points at &lt;code&gt;ng&lt;/code&gt; — even if Angular CLI is clearly installed on your machine.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpr904hsytk3wprqbfea1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpr904hsytk3wprqbfea1.png" alt="Visual Studio 2022 error: Version of Angular CLI was not valid" width="460" height="169"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;After getting the error, my first instinct was to update Angular CLI to the latest. That brought it to CLI 21.2.3 at the time. Went back to Visual Studio, tried again — still the same error. Updating hadn't helped. A bit of searching later, it pointed to the template itself being the problem.&lt;/p&gt;




&lt;h3&gt;
  
  
  What's happening
&lt;/h3&gt;

&lt;p&gt;The VS2022 Angular and ASP.NET Core template depends on &lt;strong&gt;Angular CLI 19&lt;/strong&gt; to scaffold the project. It has not been updated to work with Angular 20 or later.&lt;/p&gt;

&lt;p&gt;So if your machine has Angular CLI 20, 21, or newer globally installed — which is likely if you've been keeping up — the template simply can't do its job. It's not a bug in your setup. The template itself is behind.&lt;/p&gt;

&lt;p&gt;Microsoft's own documentation acknowledges this:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"There is a compatibility issue with Angular 20.x.x and the Angular and ASP.NET Core template in Visual Studio 2022."&lt;/em&gt;&lt;br&gt;
— &lt;a href="https://learn.microsoft.com/en-us/visualstudio/javascript/tutorial-asp-net-core-with-angular?view=vs-2022&amp;amp;source=recommendations" rel="noopener noreferrer"&gt;learn.microsoft.com&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h3&gt;
  
  
  The workaround
&lt;/h3&gt;

&lt;p&gt;The approach is two steps: satisfy the template first, then bring your app up to date.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 1 — Temporarily install Angular CLI 19 globally&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Check your current global CLI version:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;ng version
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If it's 20 or above, swap it out:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm uninstall &lt;span class="nt"&gt;-g&lt;/span&gt; @angular/cli
npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; @angular/cli@19
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now go back to Visual Studio 2022 and create the project using the "Angular and ASP.NET Core" template. It should work. You may see a warning about your Node version not being officially supported by Angular 19 — that's expected and fine for this step.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 2 — Upgrade the Angular app to the current version&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The generated project will be on Angular 19.x. Since you're probably running a newer Node version and want to stay current, upgrade the Angular version inside the project — step by step, as Angular's migration guide recommends:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# From the Angular project folder&lt;/span&gt;

&lt;span class="c"&gt;# 19 → 20&lt;/span&gt;
ng update @angular/core@20 @angular/cli@20

&lt;span class="c"&gt;# 20 → 21&lt;/span&gt;
ng update @angular/core@21 @angular/cli@21
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Don't skip versions. Angular's incremental update process handles breaking changes and schematic migrations properly when you go one major at a time.&lt;/p&gt;

&lt;p&gt;After both upgrades, the project is on Angular 21 — the current version at the time of writing — and the local toolchain is consistent again.&lt;/p&gt;




&lt;h3&gt;
  
  
  After you're done
&lt;/h3&gt;

&lt;p&gt;Once the project is created and upgraded, you can restore your global CLI to the latest:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; @angular/cli@latest
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Your new project now has its own local CLI version locked in &lt;code&gt;package.json&lt;/code&gt;, so the global version won't interfere with it going forward.&lt;/p&gt;




&lt;h3&gt;
  
  
  TL;DR
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;The Angular and ASP.NET Core template of Visual Studio 2022 hasn't caught up with Angular 20+&lt;/li&gt;
&lt;li&gt;Downgrade your &lt;strong&gt;global&lt;/strong&gt; CLI to 19 temporarily to unblock project creation&lt;/li&gt;
&lt;li&gt;Then upgrade the &lt;strong&gt;project's&lt;/strong&gt; Angular version to where you actually want to be&lt;/li&gt;
&lt;li&gt;Restore your global CLI afterward&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The template is the bottleneck here, not your machine. Work around it, then move on.&lt;/p&gt;

</description>
      <category>aspnet</category>
      <category>visualstudio2022</category>
      <category>angular</category>
      <category>dotnet</category>
    </item>
  </channel>
</rss>
