Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Local debug meeting live code interview nodejs version failed #1486

Open
JerryYangKai opened this issue Dec 17, 2024 · 10 comments
Open

Local debug meeting live code interview nodejs version failed #1486

JerryYangKai opened this issue Dec 17, 2024 · 10 comments
Assignees
@Meghana-MSFT @Nivedipa-MSFT @Pawank-MSFT
Labels
needs-attention sample-issue

Comments

@JerryYangKai
Copy link

Repro step:
1 Download sample
2 Open it in VS Code
3 Using Teams Toolkit to local debug (press F5)

Teams toolkit version : 5.10

Error Log:
[2024-12-17T04:21:06.598Z] [Error] - Failed to Execute lifecycle deploy due to failed action: cli/runNpmCommand. ScriptExecutionError:Unable to execute script action. Script: npm install --no-audit. Error: `npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN @fluentui/react-bindings@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN @fluentui/react-bindings@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN @fluentui/react-bindings@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN @fluentui/react-bindings@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-event-listener
npm WARN @fluentui/react-component-event-listener@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-event-listener
npm WARN @fluentui/react-component-event-listener@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-event-listener
npm WARN @fluentui/react-component-event-listener@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-event-listener
npm WARN @fluentui/react-component-event-listener@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-component-nesting-registry
npm WARN @fluentui/react-component-nesting-registry@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-component-nesting-registry
npm WARN @fluentui/react-component-nesting-registry@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-component-nesting-registry
npm WARN @fluentui/react-component-nesting-registry@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-component-nesting-registry
npm WARN @fluentui/react-component-nesting-registry@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-ref
npm WARN @fluentui/react-component-ref@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-ref
npm WARN @fluentui/react-component-ref@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-ref
npm WARN @fluentui/react-component-ref@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-ref
npm WARN @fluentui/react-component-ref@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN @fluentui/react-icons-northstar@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN @fluentui/react-icons-northstar@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN @fluentui/react-icons-northstar@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN @fluentui/react-icons-northstar@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: ***
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^18.3.1" from the root project
npm ERR! peer react@">=16.14.0 <19.0.0" from ***
npm ERR! node_modules/@fluentui/react-accordion
npm ERR! @fluentui/react-accordion@"^9.5.8" from ***
npm ERR! node_modules/@fluentui/react-components
npm ERR! @fluentui/react-components@"^9.0.0-rc.10" from the root project
npm ERR! 71 more (@fluentui/react-alert, @fluentui/react-aria, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0" from ***
npm ERR! node_modules/@fluentui/react-northstar
npm ERR! @fluentui/react-northstar@"^0.58.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR! peer react@"^16.8.0" from ***
npm ERR! node_modules/@fluentui/react-northstar
npm ERR! @fluentui/react-northstar@"^0.58.0" 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!
npm ERR! For a full report see:
npm ERR! C:***

npm ERR! A complete log of this run can be found in: C:***`. Env output: {"SSL_CRT_FILE":"C:/Users/kaiyan/.fx/certificate/localhost.crt","SSL_KEY_FILE":"C:/Users/kaiyan/.fx/certificate/localhost.key"}
[2024-12-17T04:21:06.836Z] [Info] - Execution summary:

Summary:
(×) Error: Lifecycle stage deploy failed.
(√) Done: devTool/install was executed successfully.
(√) Done: Development certificate for localhost is installed.
(×) Error: cli/runNpmCommand failed.
(×) Error: Unable to execute script action. Script: npm install --no-audit. Error: `npm WARN ERESOLVE overriding peer dependency
@Nivedipa-MSFT Nivedipa-MSFT self-assigned this Dec 17, 2024
@Nivedipa-MSFT
Copy link
Collaborator

Nivedipa-MSFT commented Dec 17, 2024 •
edited
Loading

@JerryYangKai - Thank you for your inquiry about your Teams app development issue!
We have successfully reproduced the issue on our end.
image

Our sample team is currently investigating it, and we will inform you as soon as we have any updates.

We appreciate your patience and understanding as we work through this.

Thank you again for bringing this to our attention!

@Mohammed-MSFT
Copy link
Contributor

Mohammed-MSFT commented Dec 19, 2024 •
edited
Loading

Hi @JerryYangKai @Nivedipa-MSFT
Thanks for bringing this issue to Teams app development.
We have tested this sample using Node.js 18.17.1, and it is working as expected.
Fyi
image

Added Testing Code at line No.7 and got notified
image

Could you please let us know the Node.js version you were using?

Thanks!!

@Mohammed-MSFT Mohammed-MSFT mentioned this issue Dec 19, 2024
Merged
@JerryYangKai
Copy link
Author

JerryYangKai commented Jan 6, 2025 •
edited
Loading

Hello @Mohammed-MSFT @Nivedipa-MSFT
I am using the latest code you updated, with Teams toolkit 5.12.0 and node 18.17.1, still got an error, can you check if you can repro it?

Summary:
(×) Error: Lifecycle stage deploy failed.
(√) Done: devTool/install was executed successfully.
(√) Done: Development certificate for localhost is installed.
(×) Error: cli/runNpmCommand failed.
(×) Error: Unable to execute script action. Script: npm install --no-audit. Error: `npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN @fluentui/react-bindings@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN @fluentui/react-bindings@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN @fluentui/react-bindings@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN @fluentui/react-bindings@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-event-listener
npm WARN @fluentui/react-component-event-listener@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-event-listener
npm WARN @fluentui/react-component-event-listener@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-event-listener
npm WARN @fluentui/react-component-event-listener@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-event-listener
npm WARN @fluentui/react-component-event-listener@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-component-nesting-registry
npm WARN @fluentui/react-component-nesting-registry@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-component-nesting-registry
npm WARN @fluentui/react-component-nesting-registry@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-component-nesting-registry
npm WARN @fluentui/react-component-nesting-registry@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-component-nesting-registry
npm WARN @fluentui/react-component-nesting-registry@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-ref
npm WARN @fluentui/react-component-ref@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-ref
npm WARN @fluentui/react-component-ref@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-ref
npm WARN @fluentui/react-component-ref@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0 || ^17" from ***
npm WARN node_modules/@fluentui/react-component-ref
npm WARN @fluentui/react-component-ref@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-bindings
npm WARN 1 more (@fluentui/react-northstar)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^18.3.1" from the root project
npm WARN 72 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN @fluentui/react-icons-northstar@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN peer react@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN @fluentui/react-icons-northstar@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ***
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN react-dom@"^18.3.1" from the root project
npm WARN 62 more (@fluentui/react-accordion, @fluentui/react-alert, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN @fluentui/react-icons-northstar@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react-dom
npm WARN peer react-dom@"^16.8.0" from ***
npm WARN node_modules/@fluentui/react-icons-northstar
npm WARN @fluentui/react-icons-northstar@"^0.58.0" from ***
npm WARN node_modules/@fluentui/react-northstar
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: ***
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^18.3.1" from the root project
npm ERR! peer react@">=16.14.0 <19.0.0" from ***
npm ERR! node_modules/@fluentui/react-accordion
npm ERR! @fluentui/react-accordion@"^9.5.8" from ***
npm ERR! node_modules/@fluentui/react-components
npm ERR! @fluentui/react-components@"^9.0.0-rc.10" from the root project
npm ERR! 71 more (@fluentui/react-alert, @fluentui/react-aria, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0" from ***
npm ERR! node_modules/@fluentui/react-northstar
npm ERR! @fluentui/react-northstar@"^0.58.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR! peer react@"^16.8.0" from ***
npm ERR! node_modules/@fluentui/react-northstar
npm ERR! @fluentui/react-northstar@"^0.58.0" 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!
npm ERR! For a full report see:
npm ERR! C:***

npm ERR! A complete log of this run can be found in: C:***`
(!) Warning: cli/runNpmCommand was not executed.
(!) Warning: file/createOrUpdateEnvironmentFile was not executed.

@Mohammed-MSFT
Copy link
Contributor

Mohammed-MSFT commented Jan 9, 2025 •
edited
Loading

Hi @JerryYangKai
Thanks for bringing this issue to Teams App Development.

I have tested this sample using Node.js 18.17.1, and it is working fine after making a few changes in the package.json file.

Using Teams Toolkit version 5.12.0
image

Please update below packages in your package.json file

image 
{
  "name": "live-coding-sample",
  "version": "0.3.1",
  "description": "This sample demonstrates live coding using live share sdk.",
  "license": "Microsoft",
  "author": "Microsoft",
  "dependencies": {
    "@fluentui/react-card": "^9.0.26",
    "@fluentui/react-components": "^9.0.0-rc.10",
    "@fluentui/react-northstar": "^0.58.0",
    "@microsoft/live-share": "1.0.0-preview.8",
    "@microsoft/live-share-media": "1.0.0-preview.8",
    "@microsoft/teams-js": "^2.5.0",
    "@monaco-editor/react": "^4.4.6",
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.3",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^0.21.4",
    "browserslist": "^4.24.2",
    "cors": "^2.8.5",
    "fluid-framework": "~0.59.0",
    "has-cors": "^1.1.0",
    "lodash": "^4.17.21",
    "monaco-editor": "^0.52.2",
    "msteams-ui-components-react": "^0.8.4",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-router-dom": "^6.2.2",
    "react-scripts": "^4.0.0",
    "use-resize-observer": "^8.0.0",
    "uuid": "^8.3.2",
    "web-vitals": "^2.1.4"
  },
  "devDependencies": {
    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
    "@fluidframework/test-client-utils": "^0.59.4003",
    "env-cmd": "^10.1.0",
    "eslint": "^7.32.0",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-prettier": "^3.4.1",
    "prettier": "^2.5.0",
    "start-server-and-test": "^1.11.6",
    "webpack": "4.44.2",
    "webpack-cli": "^6.0.1"
  },
  "scripts": {
    "dev:teamsfx": "env-cmd --silent -f .localConfigs npm run start",
    "clean": "npx shx rm -rf build",
    "start": "set PORT=3978 HTTPS=true && react-scripts --openssl-legacy-provider start",
    "start:client": "set PORT=3978 HTTPS=true && react-scripts --openssl-legacy-provider start",
    "start:server": "npx @fluidframework/azure-local-service@latest",
    "build": "react-scripts --openssl-legacy-provider build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all",
      "last 2 versions"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "proxy": "http://localhost:3000"
}

Sample Running ScreenShots
image

image image

Please let us know if you encounter any further issues. Thank you

@Mohammed-MSFT Mohammed-MSFT mentioned this issue Jan 9, 2025
Merged
@JerryYangKai
Copy link
Author

Hello @Mohammed-MSFT
Can you using Teams Toolkit version 5.12.0, select 'View Samples' then choose 'Live Coding interview', I check the created sample, the package.json is the same with what you provided. But it still not works, not only in my local environment, but also in our testing team's local environment.
Can you clean your environment and try again from Teams toolkit create sample?

@Mohammed-MSFT
Copy link
Contributor

Mohammed-MSFT commented Jan 15, 2025 •
edited
Loading

Sure, @JerryYangKai. I’ll clean up my environment, retest, and also verify on different machines.

@Nivedipa-MSFT please test this sample on your machine and respond the result.

Thanks!

@JerryYangKai
Copy link
Author

Hello @Nivedipa-MSFT , can you help check this sample?

@Nivedipa-MSFT
Copy link
Collaborator

@JerryYangKai, @Mohammed-MSFT - I have tested this on below Teams Toolkit version and I am getting same error.

Image

@Mohammed-MSFT - Could you please help here?

@Mohammed-MSFT
Copy link
Contributor

Mohammed-MSFT commented Jan 29, 2025 •
edited
Loading

Hi @JerryYangKai @Nivedipa-MSFT
I shut down my PC once, restarted it twice, and downloaded the latest version of Node.js. Then, I tested with the latest Toolkit version and the latest Node.js version, and the sample is working fine as expected.

Toolkit Version: 5.12.1
Latest Nodejs Ver: 22.13.1 LTS
Also Tested with Nodejs Ver: 18.17.1

Image Image Image Image

@JerryYangKai
Copy link
Author

Hello @Mohammed-MSFT
Do you have access to this? https://devbox.microsoft.com/
If you have microsoft account you can create a dev box for free. This is a clean local environment.
Can you use this dev box and try this sample again, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Meghana-MSFT Meghana-MSFT

@Nivedipa-MSFT Nivedipa-MSFT

@Pawank-MSFT Pawank-MSFT

Labels
needs-attention sample-issue
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@JerryYangKai @ChetanSharma-msft @Meghana-MSFT @Nivedipa-MSFT @Mohammed-MSFT @Pawank-MSFT