title: How to use PrimeNG with Angular in aspnetcore-spa template
body: <p>You know, I spend more time just trying to get things set up to work with Angular than I do actually developing with Angular. There must be an easier way... :( </p>
  
  <p>Currently, I am using the aspnetcore-spa template, creating a project with the command "dotnet new angular" - this is version 1.0.3, which adds Angular 4.1.2 to the npm dependencies. This works great to get a project running quickly. But now I want to add PrimeNG to take advantage of their form controls. I have been struggling with this all day, and would love it if anyone could provide some assistance.</p>
  
  <p>Here is what I have done in my current effort (the latest of many, starting fresh each time):</p>
  
  <p>1) Added to the package.json file: "primeng": "4.1.0-rc.2"</p>
  
  <p>2) Added 'primeng/primeng' to the webpack.config.vendor.js file's vendor collection. </p>
  
  <p>3) Added the following to my test module (which is in turn referenced in app.module.shared.ts so I can route to it via my RouterModule):</p>
  
  <pre><code>import { FileUploadModule } from 'primeng/components/fileupload/fileupload';
  </code></pre>
  
  <p>And in the html for the module, in an attempt to use the file uploader control, I have (from their site - <a href="https://www.primefaces.org/primeng/#/fileupload" rel="nofollow noreferrer">https://www.primefaces.org/primeng/#/fileupload</a>):</p>
  
  <pre><code>&lt;p-fileUpload name="myfile[]" url="./upload.php"&gt;&lt;/p-fileUpload&gt;
  </code></pre>
  
  <p>4) ran "webpack --config webpack.config.vendor.js" from a command prompt at the root of the project folder, which completed with no errors.</p>
  
  <p>Then I hit F5 to run the project, and I got this error:</p>
  
  <pre><code>Exception: Call to Node module failed with error: Error: Template parse errors:
  'p-fileUpload' is not a known element:
  1. If 'p-fileUpload' is an Angular component, then verify that it is part of this module.
  2. If 'p-fileUpload' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" type="button" (click)="onclick()" class="ui-button-info" label="Click Me"&gt;Click Me&lt;/button&gt;--&gt;
  </code></pre>
  
  <p>So, in an effort to comply, I added a reference to the ngprime module to the app.module.shared.ts file, like this (I don't really know how I should reference the module...):</p>
  
  <pre><code>import { FileUploadModule } from 'primeng/primeng';
  </code></pre>
  
  <p>But got the same exact error. 
  What am I missing???
  Any help would be most appreciated.</p>