Npm Microsoft Team应用程序授权:ngrok网关错误服务器返回无效或不完整的HTTP响应

Npm Microsoft Team应用程序授权:ngrok网关错误服务器返回无效或不完整的HTTP响应,npm,active-directory,microsoft-teams,ngrok,microsoft-graph-teams,Npm,Active Directory,Microsoft Teams,Ngrok,Microsoft Graph Teams,总结: 我目前正在构建一个支持Outlook API的Microsoft Team应用程序,用于在团队中发送消息。为了进行这些调用,我正在使用Microsoft graphs方法设置身份验证。我目前正在学习本教程: 我能够完成设置身份验证的所有步骤,但当我尝试在团队中加载应用程序时,遇到以下错误:ngrok网关错误服务器返回无效或不完整的HTTP响应。 我所尝试的: 我多次尝试设置NPM和ngrok进行隧道挖掘。我已经验证了我的链接是正确和有效的根据应用程序注册。我可以通过浏览器在本地访问项目,

总结: 我目前正在构建一个支持Outlook API的Microsoft Team应用程序,用于在团队中发送消息。为了进行这些调用,我正在使用Microsoft graphs方法设置身份验证。我目前正在学习本教程: 我能够完成设置身份验证的所有步骤,但当我尝试在团队中加载应用程序时,遇到以下错误:
ngrok网关错误服务器返回无效或不完整的HTTP响应。

我所尝试的: 我多次尝试设置NPM和ngrok进行隧道挖掘。我已经验证了我的链接是正确和有效的根据应用程序注册。我可以通过浏览器在本地访问项目,但不能在teams应用程序中访问

代码: auth.js: ```从“React”导入React; 从“react dom”导入react dom; 导入“./index.css”; 从“./components/App”导入应用程序; 从'@fluentui/react northstar'导入{Provider,themes} //https://fluentsite.z22.web.core.windows.net/quick-start

ReactDOM.render(
<Provider theme={themes.teams}>
    <App />
</Provider>, document.getElementById('auth')
); ``

auth.html:
```<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src='main.js'></script>
</head>
<body>
<div id="auth"></div>
<script src="https://unpkg.com/@microsoft/teams-js/dist/MicrosoftTeams.min.js" 
crossorigin="anonymous"></script>
<script src="https://unpkg.com/@microsoft/mgt/dist/bundle/mgt-loader.js"></script>
<script>
    mgt.TeamsProvider.handleAuth();
</script>
</body>
</html> ```
ReactDOM.render(
,document.getElementById('auth'))
); ``
auth.html:
```
页面标题
管理团队Provider.handleAuth();
```

谢谢

如果你想使用MGT进行反应,而应该考虑你在哪里看到NGROK错误?在团队应用程序中,它说它连接,但是服务器返回无效或不完整的HTTP响应。你可以发布你的NGROK屏幕(如果它有任何错误)。请验证您的应用程序和ngrok是否在同一端口上,并确保ngrok在选项卡url的清单中更新,并且有效域具有“*.ngrok.io”它返回的唯一消息是“建立连接,但服务器返回无效或不完整”,以上所有内容都是正确的,因此连接成功但未给出响应。