小编Jay*_*Jay的帖子

我在 GitHub Pages 上托管了一个简单的网站。它是一个公共存储库，仅使用具有默认设置等的标准默认模板。它是直接从根目录发布的。

本质上，按照官方 Github Pages 教程，一切都处于默认状态。我只想为我的目录显示一个侧边栏。

注意：在标记此重复项之前，请注意，我花了很多时间查看其他问题，但其中大多数都讨论自定义侧边栏、隐藏和显示。所以，这些问题已经以某种方式让侧边栏发挥作用了。我的是关于显示侧边栏本身，这似乎没有在任何地方提到。

我在想，我缺少一些非常明显的代码行，应该在我的存储库中的某个位置添加/启用这些代码。

存储库在这里 - https://github.com/Jay-study-nildana/Tutorials

我正在阅读一本 React 教程书。有一次，作者向我展示了如何构建一个简单的表单，效果很好。然后，他又将其升级为‘React Hook Form’。

一切都按照说明运行良好，直到最后一行，他说了以下内容。

“将 ref 属性添加到 Header 组件的 JSX 中的输入元素，并将其设置为 React Hook Form 中的注册函数：”

就在此时，我遇到了以下错误。

Type 'UseFormRegister<FormData>' is not assignable to type 'LegacyRef<HTMLInputElement> | undefined'.
  Type 'UseFormRegister<FormData>' is not assignable to type '(instance: HTMLInputElement | null) => void'.
    Types of parameters 'name' and 'instance' are incompatible.
      Type 'HTMLInputElement | null' is not assignable to type '"search"'.
        Type 'null' is not assignable to type '"search"'.  TS2322

    103 |       <form onSubmit={handleSubmit}>
    104 |         <input
  > 105 |         ref={register}
        | …

我一直在 Firefox 控制台中收到此错误。

onmozfullscreenchange is deprecated. editresume.js:411:4
onmozfullscreenerror is deprecated. editresume.js:411:4
Ignoring get or set of property that has [LenientThis] because the “this” object is incorrect.

如果我转到我的代码文件，对于该行号，这就是我所拥有的

tempbutton.setAttributeNode(attid);

而且，我没有在任何地方使用 onmozfullscreenchange 或 onmozfullscreenerror 。

为什么我得到这个？由于某种原因，它还会在该行号处触发调试器异常。

注意：我在 Chrome 上没有收到类似的错误/警告/断点触发器。因此，仅适用于 Firefox。

Firefox 版本 - 70.0 Chrome 版本 - 77.0.X

我决定在 TypeScript 中使用 React JS。做一个简单的hello world项目。参考两本书，他们都提出了以下建议。全新的项目，而不是升级或任何这些场景。新鲜开始。

npx create-react-app try-react -–template typescript

这很好用。

但是，这些文件仍然具有 .js 扩展名。在书中，其中一个有截图，它已经带有 .tsx 扩展名。

我看过这个链接，https://create-react-app.dev/docs/adding-typescript/。它说，

If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app or yarn global remove create-react-app to ensure that npx always uses the latest version.

Global installs of create-react-app are no longer supported.

所以，我删除了全局安装。再试一次。

一样。没有带有 .tsx 扩展名的文件。本书作者没有提及必须手动重命名这些文件的任何内容。

所以，我的问题是，

1. 模板不应该自动将所有扩展名设置为 .tsx 吗？
2. 这样做的唯一方法是手动从 .js 更改为 .tsx 吗？
3. 我们是否总是这样做，这确实是常态。也许，本书作者确实手动完成了但忘记将其包含在说明中？

伙计们，这不是代码问题，但我不知道还能在哪里发布。VS Code 的网站将我链接到这里，所以这里是。

这是我的 Visual Studio 代码版本详细信息

版本：1.26.1 提交：493869ee8e8a846b0855873886fc79d480d342de 日期：2018-08-16T18:38:57.434Z Electron:2.0.5.x.Node.34.V.34.4.3.4.3.4.3.4.3.4.3.3.4.3.4.1.3.4.0.16.16.16.16.16

一旦我更新到这个版本，整个应用程序开始看起来模糊。在更新之前很好，并且在这台 Windows 10 机器上看起来很好。

我得到了其他 Microsoft 应用程序 - Office Word、Excel 和其他应用程序，它们都很好。Visual Studio（常规）看起来不错。它是这个软件，并且只有在最新更新到 1.26.1 之后

注意：还有一个软件总是有一个模糊的外观，那就是 Postman。我认为这是 Postman 的问题，所以从来没有时间修复它或尝试修复它。如果有连接，请在此处添加此内容，但问题主要是关于代码，以及如何解决外观问题。

更新 1：

所以，我打开了 Postman，它也不再模糊了。因此，看起来责任确实落在了 AMD Radeon 而不是 MS 或 Postman 开发人员身上。

我希望我在这里没有遗漏一些明显的东西。我正在使用新的 azure ml studio 设计器。我能够用来创建数据集、训练模型并很好地使用它们。

azure ml studio 还允许创建 Jupyter 笔记本并使用它们进行机器学习。我也能做到。

所以，现在，我想知道，我可以在 ML studio Designer 中构建我的 ML 管道/实验，一旦它处于良好状态，将其导出为 python 和 jupyter 笔记本吗？那么，在同一设计师提供的笔记本选项中使用它还是可以在本地使用它？

我正在使用 Dockerfile 将 create-react-app 服务部署到 Google Cloud Run 上，但我想不再在 .env 文件中声明环境变量，而是在 Google Cloud Run 的仪表板上声明它们，如下所示：

但是，当我使用以下命令调用环境变量时

console.log("REDIRECT", process.env.REACT_APP_REDIRECT_URI)

我尝试引用的任何环境变量都会返回 null。是否还有另一个步骤来访问我缺少的这些变量？

这是我的 Dockerfile：

FROM node:10-alpine as react-build
WORKDIR /app
COPY . ./
RUN yarn
RUN yarn build

FROM nginx:alpine
COPY nginx.conf /etc/nginx/conf.d/configfile.template
ENV PORT 8080 
ENV HOST 0.0.0.0
RUN sh -c "envsubst '\$PORT'  < /etc/nginx/conf.d/configfile.template >      /etc/nginx/conf.d/default.conf"
COPY --from=react-build /app/build /usr/share/nginx/html
EXPOSE 8080
CMD ["nginx", "-g", "daemon off;"]

今天，我在使用 GitHub API 时遇到了每小时 60 次调用的障碍，如此处所述 - https://developer.github.com/v3/rate_limit/

对于命令行测试，解决方案是使用 PAT - https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token

我是新学习者，但 GitHub 文档有点令人困惑，所以我跑了很多地方。Github 推荐以下 CURL 用法

curl -u GitHubUserName:personalaccesstoken https://api.github.com/users/GitHubUserName

但是，在获取请求中使用它是一个挑战，因为在如何使用事物的管道中存在许多折旧。

那么，问题是，如何最好地在 Node JS 和 React JS 中的简单 fetch 调用中使其工作？

我有一个 React JS 应用程序，带有 React Router。在开发过程中，npm start，我没有遇到任何问题。我像往常一样访问以下位置。

http://localhost:3000 

由于路由代码，它变成

http://localhost:3000/index

并且应用程序加载得很好。在此刻，

• 我点击重新加载，应用程序继续正常运行。
• 我手动链接或加载“http://localhost:3000/index”，应用程序运行良好。

然后，稍后，我执行 npm build，进入此构建文件夹，然后执行 npm start，再次执行相同的操作。该应用程序运行得很好。我重新加载，运行正常。到目前为止没有什么可抱怨的。

问题部分。

然后我决定将该应用程序部署到 azure Web 应用程序。该应用程序运行良好。我去这个网站。

https://randomstuffreactjsappsept24.azurewebsites.net

由于路由代码，它变成

https://randomstuffreactjsappsept24.azurewebsites.net/index

并且，网站加载。

此时，如果我点击重新加载（问题！！），它会尝试重新加载，

https://randomstuffreactjsappsept24.azurewebsites.net/index

我收到以下错误。

The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

现在，此时，如果我删除“/index”并加载原始网址，

https://randomstuffreactjsappsept24.azurewebsites.net

该网站加载得很好，没有问题。注意，你可以自己看看。这是一个实时网站。（但是当然，由于路由代码，它变成了）

https://randomstuffreactjsappsept24.azurewebsites.net/index

现在，只要我不重新加载网站，网站就会继续运行。为什么会发生这种情况？

以下是项目中主 index.js 页面的代码。

ReactDOM.render(
  <BrowserRouter>
    <Switch>
      <Route path="/index" render={(props) => <Index {...props} />} />
      <Redirect to="/index" />
    </Switch>
  </BrowserRouter>,
  document.getElementById("root")
);

完整的应用程序可以在这里找到 - https://github.com/Jay-study-nildana/RandomStuffReactJSApp

更新2

我决定尝试另一个反应应用程序，完全由另一个来源创建。再次出现同样的问题，我有一个实时网站可以展示。

• 我从网络应用程序中访问https://auth0tokenreactjsappprivatesept25.azurewebsites.net/external-api …

这是我的反应代码。我正在使用材质 UI。我正在处理与 ID 相关的事件。下面提供了完整的代码。

这里，索引 ID 是自动生成的。问题与此有关。

import React, { useState } from "react";
import ReactDOM from "react-dom";
import MUIDataTable from "mui-datatables";
import InputLabel from "@material-ui/core/InputLabel";
import MenuItem from "@material-ui/core/MenuItem";
import FormHelperText from "@material-ui/core/FormHelperText";
import FormControl from "@material-ui/core/FormControl";
import Select from "@material-ui/core/Select";

function Ag() {
  const [responsive, setResponsive] = useState("vertical");

  const onCellClick = () => {
    console.log("sadf");
  };
  const onRowsDelete = () => {
    console.log("remove");
  };
  const onRowSelectionChange = (ev, ex, ez) => {
    console.log(ez);
  };
  const columns = ["Name", …

我正在尝试使用 Azure Cosmos DB 设置一个简单的控制台项目。我对分区键用法感到困惑。

请注意，我已经看过这个解决方案，但我相信我的情况略有不同。

• 从文档中提取的 PartitionKey 与 CreateItemAsync 标头中指定的不匹配

我正在像这样设置容器。

private string PartitionKeyPath = "/ProductPartitionKey";
this.container = await this.database.CreateContainerIfNotExistsAsync(containerId, PartitionKeyPath);

这是一个示例 JSON，因为它存储在容器中。所以，我成功地添加了项目。

{
    "Name": "Super Curtain",
    "UnitPrice": 500,
    "id": "124BBC08-F51C-4ED4-B961-8DD0C966F66F",
    "ProductPartitionKey": "Hello",
    "_rid": "m2VTANekt8ACAAAAAAAAAA==",
    "_self": "dbs/m2VTAA==/colls/m2VTANekt8A=/docs/m2VTANekt8ACAAAAAAAAAA==/",
    "_etag": "\"0500753f-0000-1800-0000-5f735ac70000\"",
    "_attachments": "attachments/",
    "_ts": 1601395399
}

我可以使用以下两种用法进行插入。

var tempPartitionKey = new PartitionKey(tempProduct.ProductPartitionKey);

ItemResponse < Product > tempProductResponse = await this.container.CreateItemAsync < Product > (tempProduct, tempPartitionKey);
ItemResponse < Product > tempProductResponse = await this.container.CreateItemAsync < Product > (tempProduct);

问题是，为什么下面的工作不起作用？

var tempPartitionKey2 = …

我正在使用 Azure Data Studio 进行简单的 .bak 恢复。

请按照此处提供的说明进行操作。

https://learn.microsoft.com/en-us/sql/samples/adventureworks-install-configure?view=sql-server-ver15&tabs=data-studio#tabpanel_1_data-studio

然而，在我的 Mac 上，我根本没有这个选项。

我不明白。Azure Studio 中不再提供备份选项功能吗？

笔记：

Azure Data Studio 详细信息。

Version: 1.27.0
Commit: 765c7064d46253d88393e0e1ff78874b6fe8fa64
Date: 2021-03-16T21:18:54.187Z
VS Code: 1.51.0
Electron: 9.4.3
Chrome: 83.0.4103.122
Node.js: 12.14.1
V8: 8.3.110.13-electron.0
OS: Darwin x64 20.2.0