小编Amy*_*hip的帖子

Next.js: TypeError: Failed to parse URL from ... 当相对定位 API 路由时

我的app/page(服务器组件)中有此代码:

const getUsers = async () => {
  const result = await fetch('/api/users', {method: 'GET'});
  if (result.ok) {
    return result.json();
  }
  return [];
}

export default async function IndexPage() {
  const users = await getUsers();
  return (<h1>Users: {users.length}</h1>);
}
Run Code Online (Sandbox Code Playgroud)

这给了我以下错误:

TypeError: Failed to parse URL from api/users
Run Code Online (Sandbox Code Playgroud)

如何从服务器端组件中引用 URL 的“左侧”?我能找到的所有 Next.js13示例都显示指向某个第三方服务器。Postgres 示例项目使用旧的路由器和客户端获取,使用与我使用的相同的语法。

javascript reactjs fetch-api next.js

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

在Angular 2/Angular-CLI中保持CSS不受JS限制

默认情况下,Angular 2将CSS编译为JavaScript,尤其是在Angular-CLI中使用WebPack时.我宁愿这不会因为几个原因而发生.

第一个原因是,当我开发时,我发现能够在开发人员工具中确切地看到特定样式规则来自哪个样式表以及它所在的行号是非常有帮助的.第二个原因是我认为将CSS编译成代码有点错过了好的CSS,这就是你可以使用不同的样式表并使用相同的标记具有完全不同的外观和感觉.

是否有一个标志,我可以设置将CSS留在.css文件中,它属于哪个IMO?

css typescript angular-cli angular

15
推荐指数
2
解决办法
5132
查看次数

Angular2 NgModel在Jasmine测试中没有获得价值

我在Angular 2中使用模板驱动的表单,我正在尝试先测试它们.我已经搜索过这个网站和互联网的其余部分了,我已经尝试了基本上我能找到的所有内容(主要是一串tick()语句和detectChanges()在fakeAsync中的任何地方)以获得附加到我的输入的NgModel来获取该值可以传递给我的onSubmit函数.input元素的值设置正确,但NgModel永远不会更新,这意味着onSubmit函数无法从NgModel获取正确的值.

这是模板:

<form id="createWorkout" #cwf="ngForm" (ngSubmit)="showWorkout(skillCountFld)" novalidate>
  <input name="skillCount" id="skillCount" class="form-control" #skillCountFld="ngModel" ngModel />
  <button type="submit" id="buildWorkout">Build a Workout</button>
</form>

注意:我知道发送ngSubmit的值会导致测试失败,但这意味着我可以在函数中设置断点并检查NgModel.

这是组件:

import { Component, OnInit } from '@angular/core';
import {SkillService} from "../model/skill-service";
import {NgModel} from "@angular/forms";

@Component({
  selector: 'app-startworkout',
  templateUrl: './startworkout.component.html',
  styleUrls: ['./startworkout.component.css']
})
export class StartworkoutComponent implements OnInit {
  public skillCount:String;

  constructor(public skillService:SkillService) { }

  showWorkout(value:NgModel):void {
    console.log('breakpoint', value.value);
  }

  ngOnInit() {
  }

}

这是规格:

/* tslint:disable:no-unused-variable */
import {async, ComponentFixture, TestBed, fakeAsync, tick} from '@angular/core/testing'; …

forms karma-jasmine angular

10
推荐指数
1
解决办法
6281
查看次数

AWS ECS 服务未显示在集群下

我一直在尝试自学 DevOps,我创建了一个集群,然后在集群下创建了一个服务,该服务应该从 ECR 中提取容器并将其暴露给具有任务的负载均衡器(我认为文档使用了很多无法提供足够清晰的词语)。但无论如何,该服务已从集群的服务列表中消失。我尝试在管理控制台中使用相同的名称再次创建该服务(因此我不必更新我的 GitHub 操作),但收到错误,因为该服务已存在。我怎样才能在管理控制台中找到该服务来尝试修复它或删除它或其他什么?

谢谢!

amazon-web-services amazon-ecs devops github-actions

9
推荐指数
1
解决办法
1629
查看次数