<?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: Afil Ansari</title>
    <description>The latest articles on DEV Community by Afil Ansari (@afilansari).</description>
    <link>https://dev.to/afilansari</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%2F962404%2F9452d3ae-8453-4b91-ac39-44410cdcbf09.jpg</url>
      <title>DEV Community: Afil Ansari</title>
      <link>https://dev.to/afilansari</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/afilansari"/>
    <language>en</language>
    <item>
      <title>Jodit-angular dependency issue while migrating to Angular 9</title>
      <dc:creator>Afil Ansari</dc:creator>
      <pubDate>Tue, 01 Nov 2022 17:28:58 +0000</pubDate>
      <link>https://dev.to/afilansari/jodit-angular-dependency-issue-while-migrating-to-angular-9-dkp</link>
      <guid>https://dev.to/afilansari/jodit-angular-dependency-issue-while-migrating-to-angular-9-dkp</guid>
      <description>&lt;p&gt;Getting the below error while trying to run the command &lt;code&gt;npm install&lt;/code&gt; after the angular migration to version 9.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: jodit-angular@1.9.4
npm ERR! Found: zone.js@0.10.3
npm ERR! node_modules/zone.js
npm ERR!   peer zone.js@"~0.10.3" from @angular/core@9.1.13
npm ERR!   node_modules/@angular/core
npm ERR!     @angular/core@"^9.1.13" from the root project
npm ERR!     peer @angular/core@"9.1.13" from @angular/animations@9.1.13 
npm ERR!     node_modules/@angular/animations
npm ERR!       @angular/animations@"^9.1.13" from the root project       
npm ERR!       2 more (@angular/platform-browser, jodit-angular)
npm ERR!     11 more (@angular/cdk, @angular/common, @angular/forms, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer zone.js@"~0.9.1" from jodit-angular@1.9.4
npm ERR! node_modules/jodit-angular
npm ERR!   jodit-angular@"1.9.4" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: zone.js@0.9.1
npm ERR! node_modules/zone.js
npm ERR!   peer zone.js@"~0.9.1" from jodit-angular@1.9.4
npm ERR!   node_modules/jodit-angular
npm ERR!     jodit-angular@"1.9.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!

npm ERR! A complete log of this run can be found in:
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;I have added the &lt;code&gt;zone.js&lt;/code&gt; deps version in the package.json as an override to the &lt;code&gt;jodit-angular&lt;/code&gt; as below.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;"overrides": {
  "angular/core": {
    "zone.js": "$zone.js"
  }
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This just helped me to run the &lt;code&gt;npm install&lt;/code&gt; successfully but the jodit is &lt;code&gt;undefined&lt;/code&gt; while trying to run the application.&lt;br&gt;
Console error,&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Uncaught TypeError: Cannot read properties of undefined (reading 'Jodit')
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Will it help me if I upgrade the version to &lt;code&gt;Angular 10&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Any help would be appreciated.&lt;/p&gt;

</description>
      <category>angular</category>
      <category>jodit</category>
      <category>javascript</category>
      <category>zonejs</category>
    </item>
  </channel>
</rss>
