<?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>Forem: saajan-pixel</title>
    <description>The latest articles on Forem by saajan-pixel (@saajanpixel).</description>
    <link>https://forem.com/saajanpixel</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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F948133%2Fd2b1d783-5776-4952-a0cb-40b4f64c6cc6.png</url>
      <title>Forem: saajan-pixel</title>
      <link>https://forem.com/saajanpixel</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/saajanpixel"/>
    <language>en</language>
    <item>
      <title>Angular v17 SSR build Error</title>
      <dc:creator>saajan-pixel</dc:creator>
      <pubDate>Wed, 27 Mar 2024 06:11:23 +0000</pubDate>
      <link>https://forem.com/saajanpixel/angular-v17-ssr-build-error-59o5</link>
      <guid>https://forem.com/saajanpixel/angular-v17-ssr-build-error-59o5</guid>
      <description>&lt;p&gt;I tried to build angular 17 (SSR enabled) with below command:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;npx ng build --configuration production &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The following error occured:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;An unhandled exception occurred: Cannot read properties of undefined (reading 'Core/Utilities.js') 
See "C:\Users\ADMINI~1\AppData\Local\Temp\ng-KdGepZ\angular-errors.log" for further details.
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh2x8n1cddxt2z9ef391l.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh2x8n1cddxt2z9ef391l.png" alt="Image description" width="800" height="577"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;How to fix this ??&lt;/p&gt;

</description>
      <category>angular</category>
    </item>
    <item>
      <title>Package Error is Angular SSR</title>
      <dc:creator>saajan-pixel</dc:creator>
      <pubDate>Wed, 24 Jan 2024 05:13:50 +0000</pubDate>
      <link>https://forem.com/saajanpixel/package-error-is-angular-ssr-2g4</link>
      <guid>https://forem.com/saajanpixel/package-error-is-angular-ssr-2g4</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4lgpov2rf3kqd7fbs7ns.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4lgpov2rf3kqd7fbs7ns.png" alt="Package error in SSR (Angular)" width="800" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9v2lpy2j5me8wbgxtych.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9v2lpy2j5me8wbgxtych.png" alt="package.json file" width="439" height="873"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I recently implemented Angular SSR in existing project which is running on angular version 14. I have implemented highcharts packages ("highcharts": "^10.3.3","highcharts-angular": "^3.0.0") which runs perfectly in Client Side. I encountered errors when i run the project in SSR (npm run dev:ssr). &lt;/p&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;


How do i fix this ??

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>angular</category>
      <category>highchartsangular</category>
    </item>
    <item>
      <title>Updating OG meta tag issue in angular</title>
      <dc:creator>saajan-pixel</dc:creator>
      <pubDate>Tue, 23 Jan 2024 08:49:16 +0000</pubDate>
      <link>https://forem.com/saajanpixel/updating-og-meta-tag-issue-in-angular-2omb</link>
      <guid>https://forem.com/saajanpixel/updating-og-meta-tag-issue-in-angular-2omb</guid>
      <description>&lt;h2&gt;
  
  
  Updating OG meta tags issue
&lt;/h2&gt;

&lt;p&gt;&amp;lt;!-- Open Graph meta tags for Facebook --&amp;gt;&lt;br&gt;
  &amp;lt;meta&lt;br&gt;
    property="og:url"&lt;br&gt;
    content="&lt;a href="https://demo.ndplhrm.com/"&gt;https://demo.ndplhrm.com/&lt;/a&gt;"&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&amp;lt;meta&lt;br&gt;
    property="og:type"&lt;br&gt;
    content="website"&lt;/p&gt;

&lt;p&gt;&amp;lt;meta&lt;br&gt;
    property="og:title"&lt;br&gt;
    content="Your App Title"&lt;/p&gt;

&lt;p&gt;&amp;lt;meta&lt;br&gt;
    property="og:description"&lt;br&gt;
    content="Description of your app"&lt;/p&gt;

&lt;p&gt;&amp;lt;meta&lt;br&gt;
    property="og:image"&lt;br&gt;
    content="&lt;a href="https://images.unsplash.com/photo-1682686581221-c126206d12f0?q=80&amp;amp;w=1770&amp;amp;auto=format&amp;amp;fit=crop&amp;amp;ixlib=rb-4.0.3&amp;amp;ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"&gt;https://images.unsplash.com/photo-1682686581221-c126206d12f0?q=80&amp;amp;w=1770&amp;amp;auto=format&amp;amp;fit=crop&amp;amp;ixlib=rb-4.0.3&amp;amp;ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&lt;/a&gt;"&lt;/p&gt;

&lt;p&gt;This is OG meta tag declared in index.html file of Angular. In one of component i need to update this meta tags. I have used Meta Service provided by @angular/platform-browser to update meta tags but the tags doesnot get updated.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Note: SSR is not implemented&lt;/p&gt;

&lt;p&gt;In the attached image, on clicking facebook icon i have updated the meta tags. &lt;/p&gt;

</description>
      <category>angular</category>
    </item>
    <item>
      <title>Highchart issue in Angular SSR</title>
      <dc:creator>saajan-pixel</dc:creator>
      <pubDate>Tue, 23 Jan 2024 08:47:16 +0000</pubDate>
      <link>https://forem.com/saajanpixel/highchart-issue-in-angular-ssr-5h1p</link>
      <guid>https://forem.com/saajanpixel/highchart-issue-in-angular-ssr-5h1p</guid>
      <description>&lt;p&gt;`C:\Users\Administrator\Desktop\hris\hris-angularjs-fe\dist\HRIS\server\main.js:185127&lt;br&gt;
  D(d, "Extensions/Pane.js", [d["Core/Chart/Chart.js"], d["Series/CenteredUtilities.js"], d["Core/Globals.js"], d["Core/Pointer.js"], d["Core/Utilities.js"]], function (b, c, h, a, f) {&lt;br&gt;
                               ^&lt;/p&gt;

&lt;p&gt;TypeError: Cannot read properties of undefined (reading 'Core/Chart/Chart.js')`&lt;/p&gt;

&lt;p&gt;Not able to fix this issue when running npm run dev:ssr in angular 14&lt;/p&gt;

</description>
      <category>angular</category>
      <category>angularssr</category>
      <category>highcharts</category>
    </item>
  </channel>
</rss>
