package.json error

[shaiis1]

I've just uploaded my angular 10 project to git and when I'm trying to open it on stackblitz I'm receive the following error: The dependencies for this project couldn't be resolved. This usually means that a dependency in your package.json is incorrect.

[EricSimons]

Can you link the github repo you're trying to open so I can repro?

[shaiis1]

Hi Eric,

Thanks for the quick response.

This is my repo link: https://github.com/shaiis1/idomoo

[shaiis1]

Hi Eric,

Did you find anything?

On Wed, 13 Oct 2021 at 20:52 שי ישראלי @.***> wrote:

Hi Eric,

Thanks for the quick response.

This is my repo link: https://github.com/shaiis1/idomoo

[geromegrignon]

Hey @shaiis1,

Bootstrap needs @popper/core under the hood. By creating a Stackblitz project from your repo, Stackblitz failed at resolving this dependency. I forked your project and removed bootstrap, you can see the dependency installation in action here: https://stackblitz.com/github/geromegrignon/idomoo

Anyway, with an Angular project, I encourage you to use bootstrap thourgh ngx-bootstrap or ng-bootstrap libraries as there are designed for better compatibility with the framework.

[shaiis1]

Hi geromegrignon,

I've removed the bootstrap dependency, and still got the same error

[shaiis1]

Hi @geromegrignon ,

I've removed the bootstrap dependency, and still got the same error

[shaiis1]

[image: image.gif]

Hi @geromegrignon https://github.com/geromegrignon ,

I've removed the bootstrap dependency, and still got the same error

‫בתאריך יום ה׳, 14 באוק׳ 2021 ב-10:19 מאת ‪Gérôme Grignon‬‏ <‪ @.***‬‏>:‬

Hey @shaiis1 https://github.com/shaiis1,

Bootstrap needs @popper/core under the hood. By creating a Stackblitz project from your repo, Stackblitz failed at resolving this dependency. I forked your project and removed bootstrap, you can see the dependency installation in action here: https://stackblitz.com/github/geromegrignon/idomoo

Anyway, with an Angular project, I encourage you to use bootstrap thourgh ngx-bootstrap or ng-bootstrap libraries as there are designed for better compatibility with the framework.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/stackblitz/core/issues/1635#issuecomment-943082282, or unsubscribe https://github.com/notifications/unsubscribe-auth/AG26W6GZF2DTWNXY2QQJ4R3UGZ76TANCNFSM5F5YSZDA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

[geromegrignon]

I forgot another change I had to do to fix it. Currently, Stackblitz only supports master git branch. As your branch is named main, it won't work (even if the error message is about dependencies). If you change it, please wait few minutes for GitHub to fully change the name of the branch for external resources.

[shaiis1]

Hi,

Changed it and still the same error.

Can you please check my repo again?

[image: Mailtrack] https://mailtrack.io?utm_source=gmail&utm_medium=signature&utm_campaign=signaturevirality6& Sender notified by Mailtrack https://mailtrack.io?utm_source=gmail&utm_medium=signature&utm_campaign=signaturevirality6& 14.10.21, 10:59:10

‫בתאריך יום ה׳, 14 באוק׳ 2021 ב-10:52 מאת ‪Gérôme Grignon‬‏ <‪ @.***‬‏>:‬

I forgot another change I had to do to fix it. Currently, Stackblitz only supports master git branch. As your branch is named main, it won't work (even if the error message is about dependencies). If you change it, please wait few minutes for GitHub to fully change the name of the branch for external resources.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/stackblitz/core/issues/1635#issuecomment-943104343, or unsubscribe https://github.com/notifications/unsubscribe-auth/AG26W6FXZZOL7ZV4YIDCJKDUG2D25ANCNFSM5F5YSZDA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

[shaiis1]

Hi @geromegrignon ,

Changed the branch name and still the same error.

Can you please check my repo again?

[geromegrignon]

I managed to make it work by removing the package-lock.json file but had to wait 10 minutes to get a working stackblitz sample running correctly. I wouldn't be able to explain why (may be caching).

Another simple solution for you would be to use new Stackblitz WebContainer solution. From https://stackblitz.com/, select the NodeJS sample and connect your repository from the left navigation menu. Such sample includes a terminal to run your application (with ng serve for you).

It'll work with the original version of your application (with bootstrap lib in your package.json file)

[kc0tlh]

This issue should be resolved in our new VS Code editor for modern Angular repos!

Related Issue: https://github.com/stackblitz/core/issues/2473