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 · 4 comments
Open

Local debug meeting live code interview nodejs version failed #1486

JerryYangKai opened this issue Dec 17, 2024 · 4 comments
Assignees
@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
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@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
5 participants
@JerryYangKai @ChetanSharma-msft @Nivedipa-MSFT @Mohammed-MSFT @Pawank-MSFT