问题

一段时间以来，我们的应用程序中出现错误：NG02100。我的问题是，我不知道发生了什么，除了导航栏中的一项之外，一切都正常，但它与其他组件具有相同的代码。

我尝试检查文档，但那里没有记录该错误。还有其他人遇到此错误并可以提供帮助吗？

我们在应用程序中使用这些 Angular 包作为参考：

"@angular/animations": "^13.2.1",
"@angular/common": "^13.2.1",
"@angular/compiler": "^13.2.1",
"@angular/core": "^13.2.1",
"@angular/forms": "^13.2.1",
"@angular/localize": "^13.2.1",
"@angular/platform-browser": "^13.2.1",
"@angular/platform-browser-dynamic": "^13.2.1",
"@angular/router": "^13.2.1",
"@angular/service-worker": "^13.2.1",
"@angular-devkit/architect": "^0.1302.2",
"@angular-devkit/build-angular": "^13.2.2",
"@angular-devkit/core": "^13.2.2",
"@angular-devkit/schematics": "^13.2.2",
"@angular-eslint/eslint-plugin": "~1.0.0",
"@angular-eslint/eslint-plugin-template": "~1.0.0",
"@angular-eslint/template-parser": "~1.0.0",
"@angular/cli": "^13.2.2",
"@angular/compiler-cli": "^13.2.1",
"@angular/language-service": "^13.2.1",

问题

当构建并开始应用程序的生产构建时，不会加载任何CSS 。检查开发工具，我可以看到大量错误和警告：

可能的罪魁祸首

在开发模式下启动应用程序时，我没有遇到任何这些问题。此外，其他资源（例如图像或字体）也可以正确加载。我们使用scss并在_app.tsx中导入全局样式表，如下所示：

import "../styles/globals.scss";

为了解决另一个库的问题，我们必须设置一个自定义的 webpack 配置：

module.exports = phase => ({
  webpack: (config, { isServer }) => {
    config.module.rules.push({
      test: /\.node$/,
      use: "node-loader"
    });

    config.module.rules.push({
      test: /\.(ts|js)x?$/,
      use: [
        {
          loader: "ts-loader",
          options: {
            transpileOnly: true,
            experimentalWatchApi: true,
            onlyCompileBundledFiles: true
          }
        }
      ],
      include: [path.resolve(__dirname, "node_modules/@private/")],
      exclude: [path.resolve(__dirname, "node_modules/@private/src/styleguide")]
    });

    if (!isServer) {
      config.module.rules.push({
        test: /\.s?[ac]ss$/i,
        use: [
          { loader: "style-loader" },
          { loader: "css-loader" },
          {
            loader: "resolve-url-loader",
            options: { …

我在其中一个页面中使用以下代码：

export async function getServerSideProps(context) {
  const session = await getSession(context)
  return {
    props: { session }
  }
}

并且会话返回空值。我收到以下错误：

[next-auth][error][client_fetch_error] [
  'http://localhost:3000/api/auth/session',
  FetchError: request to http://localhost:3000/api/auth/session failed, reason: read ECONNRESET

如果我尝试在浏览器中导航到http://localhost:3000/api/auth/session，我会正常获取会话对象。此外，我的同事在他的机器上有相同的代码，对他来说工作正常。

我知道我的环境和他的环境之间的唯一区别是我使用的是 windows 而他使用的是 mac。不确定这是否会导致这里出现问题。

我正在使用 svelte 和 svelte-routing 创建一个网站，并在用户浏览时尝试滚动到页面顶部。在其他框架中，例如 React window.scrollTo(0, 0) 工作得很好。不幸的是，在 Svelte 中，以下代码没有执行任何操作：

import { onMount } from "svelte";

onMount(() => window.scrollTo(0,0));

那么让这个工作成功的秘诀是什么？

我在Next.js项目中创建了以下页面src/pages/brand1/[[...subpages]]：我正在使用增量静态再生，.next/server/pages/brand1.json在构建next.js项目后我有一个文件。在我的组件中，我想创建一个Link组件，单击该组件时，会在地址栏中显示带有空路径（例如 ）的 URL ，并从路由（使用文件）page-domain.com呈现页面。我尝试了各种解决方案来实现这一目标，例如：/brand1brand1.json

<Link
  href={{
    pathname: '/brand1',
  }}
  as={'/'}
  shallow
>
  link
</Link>

但我在浏览器中收到错误消息Error: The provided 'as' value (/) is incompatible with the 'href' value (/brand1/[[...subpages]])

我有以下解决方案，适用于不带空子页面的网址（例如page-domain.com/menu），但它不适用于我之前描述的根页面：

<Link
  href={{
    pathname: '/brand1/[[...subpages]]',
    query: { subpages: 'menu' },
  }}
  as={'/menu'}
  shallow
>
  link
</Link>

我的问题是如何创建一个可以显示带有空路径的 URL 的链接page-domain.com，并从路由中获取页面/brand1？

问题

我正在尝试通过Remix部署智能合约。不幸的是，它失败并显示一条非常无用的错误消息。

错误信息

创建 MyContract 出错：编码参数时出错：错误：无效的 arrayify 值（参数 =“值”，值 =“”，代码=INVALID_ARGUMENT，版本=字节/5.5.0）

代码

这是使用的构造函数contract：

struct RRSet {
    uint32 inception;
    uint32 expiration;
    bytes20 hash;
}

constructor(bytes memory _anchors) {
    // Insert the 'trust anchors' - the key hashes that start the chain
    // of trust for all other records.
    anchors = _anchors;
    rrsets[keccak256(hex"00")][DNSTYPE_DS] = RRSet({
        inception: uint32(0),
        expiration: uint32(3767581600), // May 22 2089 - the latest date we can encode as of writing this
        hash: bytes20(keccak256(anchors))
    });
    emit RRSetUpdated(hex"00", anchors); …

问题

我正在尝试通过EventSources将数据流式传输到我的React Frontend ，这种方法可行。问题是我一次收到所有数据块，而不是一次又一次地收到。哪种方法违背了该方法的目的，因为它现在基本上是GET请求。

res.writeHead(200, {
  "Content-Type": "text/event-stream",
  "Cache-Control": "no-cache",
  Connection: "keep-alive",
});

answerStream.data
  .on("data", (chunk: string) => res.write(chunk))
  .on("error", (error: Error) => {
    console.error(error);
    res.end();
  })
  .on("end", () => res.end());

  const eventSource = new EventSource(url);
  eventSource.addEventListener("message", e => {
    try {
      if (e.data == "[DONE]") eventSource.close();
      else {
        const messageObject = JSON.parse(e.data);
        setArticle(state => (state += messageObject?.choices[0]?.text));
      }
    } catch (error) {
      console.log(error);
    }
  });

  eventSource.addEventListener("close", e => { …