小编Nat*_*amy的帖子

我在 React 17 中使用 "react-router-dom": "6.0.2" 。我正在使用打字稿。我试图添加路线。但出现错误

未捕获的错误：[ProxyFacade] 不是组件。的所有子组件必须是 a 或 <React.Fragment>

我不知道出了什么问题。有什么我错过的吗？

应用程序.tsx

import * as React from "react";
import "./index.less";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import { hot } from "react-hot-loader";
import SignIn from "../sign-in";
import SignUp from "../sign-up";

const App = () => {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<SignIn />} />
        <Route path="/signup" element={<SignUp />} />
      </Routes>
    </BrowserRouter>
  );
};
declare let module: Record<string, unknown>;

export default hot(module)(App);

登录/index.tsx

import * as …

我想全局设置 flutter 应用程序的默认字体颜色。我试过

ThemeData(
    primarySwatch: Colors.blue,
    fontFamily: 'Gilroy',
    textTheme: TextTheme(
      bodyText1: TextStyle(),
      bodyText2: TextStyle(),
    ).apply(
      bodyColor: const Color(0xff22215B),
      displayColor:  const Color(0xff22215B),
    ),
  ),

有些文字是彩色的。但应用栏中的文本不会自动应用。

我之前使用多容器 docker 和Dockerrun.json v2. 但现在它已被弃用。AWS 推荐Docker Amazon Linux 2 Platform。但这需要Dockerrun.json v3. 那么如何从 v2 迁移到 v3 呢？还是直接使用就可以了docker-compose.yml，或者需要使用Dockerrun.json v1。[有多个容器]。

{
  "AWSEBDockerrunVersion": 2,
  "containerDefinitions": [{
    "environment": [{
      "name": "POSTGRES_USER",
      "value": "admin"
    },
      {
        "name": "POSTGRES_PASSWORD",
        "value": "postgres"
      },
      {
        "name": "POSTGRES_DB",
        "value": "somedb"
      }
    ],
    "essential": true,
    "image": "postgres:12-alpine",
    "memory": 300,
    "mountPoints": [{
      "containerPath": "/var/lib/postgresql/data/",
      "sourceVolume": "postgres_data"
    }],
    "name": "db",
    "portMappings": [{
      "containerPort": 5432,
      "hostPort": 5432
    }]
  },
    {
      "essential": true,
      "links": [
        "db"
      ], …

目前，Amazon 已弃用Multi-container Docker running on 64bit Amazon Linux。需要迁移到Docker running on 64bit Amazon Linux 2. 在第一个版本中，我们用来Dockerrun.aws.json v2管理多容器docker。在最新版本（Docker running on 64bit Amazon Linux 2）中，我们需要使用Dockerrun.aws.json v3or docker-compose。但没有可用的工作示例或博客。我可以获得工作样品吗？

在这里，我试图将整个图像作为卡片视图的背景。但它需要一些空间，如图所示。我试过android:scaleType="centerCrop"和fitXY其他人也试过，但它没有响应。在附加的图像中，紫色表示占用的空白空间。我需要空间需要被背景图像占据。这是我的代码。

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="@color/voilet">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/application_ads_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerInside"
            android:src="@drawable/app_ads_background"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.0"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="1.0" />

        <Button
            android:id="@+id/application_ads_install_button"
            android:layout_width="74dp"
            android:layout_height="34dp"
            android:layout_marginEnd="48dp"
            android:background="@color/voilet"
            android:text="@string/application_ads_install"
            android:textColor="@color/white"
            android:textStyle="bold"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="@+id/application_ads_image"
            app:layout_constraintTop_toTopOf="@+id/application_ads_image"
            app:layout_constraintVertical_bias="0.674" />

        <TextView
            android:id="@+id/application_ads_review"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/application_ads_review"
            android:textColor="@color/white"
            app:layout_constraintBottom_toBottomOf="@+id/application_ads_image"
            app:layout_constraintEnd_toStartOf="@+id/application_ads_install_button"
            app:layout_constraintHorizontal_bias="0.27"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/application_ads_name"
            app:layout_constraintVertical_bias="0.567" />

        <TextView
            android:id="@+id/application_ads_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="40dp"
            android:text="Zira"
            android:textColor="@color/white"
            app:layout_constraintEnd_toEndOf="@+id/application_ads_image"
            app:layout_constraintHorizontal_bias="0.176"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.cardview.widget.CardView>

这是根据我的代码输出的图像

我们有palette.ts它包含变量中的所有颜色属性palette并导出。我们导入palette.ts并themeProvider.tsx使用。但由于自定义属性，我们收到打字稿错误，如下图所示。有什么方法可以定义自定义属性的类型吗？

palette.ts

import { alpha } from '@mui/material/styles';

const palette = {
  common: { black: '#000', white: '#fff' },
  primary: { ...PRIMARY },
  secondary: { ...SECONDARY },
  info: { ...INFO },
  success: { ...SUCCESS },
  warning: { ...WARNING },
  error: { ...ERROR },
  grey: GREY,
  gradients: GRADIENTS,
  chart: CHART_COLORS,
  divider: GREY[500_24],
  text: { primary: GREY[800], secondary: GREY[600], disabled: GREY[500] },
  background: { paper: '#fff', default: GREY[100], neutral: GREY[200] },
  action: {
    active: …