stackblitz / core

Online IDE powered by Visual Studio Code ⚡️
https://stackblitz.com
MIT License
10.34k stars 931 forks source link

package.json error #1635

Closed shaiis1 closed 1 year ago

shaiis1 commented 3 years ago

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 commented 3 years ago

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

shaiis1 commented 3 years ago

Hi Eric,

Thanks for the quick response.

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

shaiis1 commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

Hi geromegrignon,

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

shaiis1 commented 3 years ago

Hi @geromegrignon ,

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

shaiis1 commented 3 years ago

[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 commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

Hi @geromegrignon ,

Changed the branch name and still the same error.

Can you please check my repo again?

geromegrignon commented 3 years ago

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 commented 1 year ago

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

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