小编P.G*_*cia的帖子

如何使用部署到 Azure 的应用程序修复“错误:找不到模块 '/home/site/wwwroot/index.js”?

我第一次尝试将node.js应用程序作为Azure应用程序服务部署到Azure,但在尝试运行该应用程序时遇到了这个顽固的错误,我还没有弄清楚如何排除故障。也许这里有人对我犯错误的地方有一些提示。

提供一些背景知识:

  • 我正在开发一个具有目录子集的项目,每个目录都是一个应用程序(服务器、客户端......)
  • 主目录是git目录
  • 我正在开发的nodejs应用程序是用typescript构建的,并利用Apollo Server(它本身利用了express)
  • 我正在通过 GitHub 部署到 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)

azure node.js github-actions

5
推荐指数
1
解决办法
3474
查看次数

使用“ withRouter”和Typescript时类型出现问题

我正在尝试对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)

typescript react-router react-router-dom

3
推荐指数
1
解决办法
562
查看次数