Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Trouble installing demo1 Angular


I extracted the demo1 project and when i tried to npm install or npm install --legacy-peer-deps i had errors regarding Conflicting peer dependency: @angular/common@16.2.12
npm ERR! node_modules/@angular/common
npm ERR! peer @angular/common@"^14.0.0 || ^15.0.0 || ^16.0.0" from @sweetalert2/ngx-sweetalert2@12.2.0 or npm ERR! Error: The specified module could not be found.
npm ERR! \?\D:\angular\demo1\node_modules@nx\nx-win32-x64-msvc\nx.win32-x64-msvc.node

Please get back to me regarding a fix, I am currently using Angular CLI 16.2.12
@angular-devkit/architect 0.1702.2 (cli-only)
@angular-devkit/core 17.2.2 (cli-only)
@angular-devkit/schematics 17.2.2 (cli-only)
@schematics/angular 17.2.2 (cli-only)


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)


Hi,

Apologies for the delay. Could you please refer and try this solution?

https://devs.keenthemes.com/question/angular-version-16

Thanks



This did not help sadly, the issue seems to be that the @angular/common version is not compatible with @sweetalert2/ngx-sweetalert2@12.2.0, when i install the compatible @angular/common version i then get an error with the nx module. For some reason the installation process stops at this step due to the module not being found.



Are you certain that the current version of the angular template for demo1 works correctly? I have tried almost every fix to solve this issue but i can not figure out why nothing is working. Maybe there has been some update in some of the dependencies that have caused an error could you please verify this on your end. Kind regards Q



I have fixed the issue by doing this:

npm i @nx/nx-win32-x64-msvc --force
npm cache clean --force
npm install --legacy-peer-deps

I hope you find it useful.



Hi Q,

I’m sorry to hear that it did not work for you.

One possible way to resolve this is to use the –force flag when running npm install. This will tell npm to ignore any errors or conflicts that it encounters during installation. To use the --force flag, you can run the following command in your terminal:

npm install --force

According to the npm documentation, the --force flag will force npm to fetch remote resources even if a local copy exists on disk. This may help to fix any corrupted or outdated modules that are causing the installation to fail.



Hello! I have the same problem on demo1.

Error: Cannot find module '@nx/nx-win32-x64-msvc'
npm ERR! Require stack:

Could you please check if this module is good?

I tried npm install --force but it didnt work.



I have fixed the issue by doing this:

npm i @nx/nx-win32-x64-msvc --force
npm cache clean --force
npm install --legacy-peer-deps

I hope you find it useful.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(