我第一次尝试将node.js应用程序作为Azure应用程序服务部署到Azure,但在尝试运行该应用程序时遇到了这个顽固的错误,我还没有弄清楚如何排除故障。也许这里有人对我犯错误的地方有一些提示。
提供一些背景知识:
考虑到这一点,我的项目文件夹结构如下所示:
| main_folder
| .github
| workflows
workflow.yml
| server
| src
| dist
.env
index.ts
package-lock.json
package.json
tsconfig.json
| other_apps
.gitignore
README.md
Run Code Online (Sandbox Code Playgroud)
我有与index.ts运行应用程序相关的代码。其余相关文件如下所示:
tsconfig.json
| main_folder
| .github
| workflows
workflow.yml
| server
| src
| dist
.env
index.ts
package-lock.json
package.json
tsconfig.json
| other_apps
.gitignore
README.md
Run Code Online (Sandbox Code Playgroud)
package.json
{
"compilerOptions": {
"target": "ES2022",
"module": "CommonJS",
"lib": [
"ES2022", "DOM"
],
"strict": true,
"rootDir": ".",
"outDir": "./dist",
"sourceMap": true, …Run Code Online (Sandbox Code Playgroud) 我正在尝试对React + Typescript进行更深入的了解和实践,使用withRouterfrom 时遇到了这种输入错误react-router-dom。
我的代码段非常简单,我尝试找出存在相同问题的人员,并且一些答案指出升级时出错(但它们来自2016年,所以...),其中一些正在使用一条connect()我没有使用的陈述(这导致了一个问题:“由于未使用,我做错了吗?”)。我看到其中一些建议还涉及将“ Props”映射到“ State”,到目前为止,我还没有做过(也没有看到)。我希望有人对我所缺少的内容以及我应该关注的内容提出一些建议。
代码是:
import React from "react";
import { withRouter } from "react-router-dom";
interface ISection {
id: number;
title: string;
imageUrl: string;
size: string;
}
class MenuItem extends React.Component<ISection> {
render() {
return (
<div className={`${this.props.size} menu-item`}>
<div
className="background-image"
style={{ backgroundImage: `url(${this.props.imageUrl})` }}
/>
<div className="content">
<h1 className="title">{this.props.title}</h1>
<span className="subtitle">some subtitle</span>
</div>
</div>
);
}
}
export default withRouter(MenuItem);
Run Code Online (Sandbox Code Playgroud)
从这里我期望可以平稳地工作(我不得不说我首先尝试了一个功能组件,因为我没有任何状态,但是我看到的所有解决方案都涉及一个类组件,因此我将其移入了该组件中。 ),但MenuItem在最后一行的上却出现以下错误:
Argument of type 'typeof MenuItem' is …Run Code Online (Sandbox Code Playgroud)