小编Akb*_*bal的帖子

Angular2模块没有导出的成员

对于在Angular2中具有身份验证的网站,我想在主应用程序组件中使用身份验证子模块的组件.但是,我不断收到以下错误:

app/app.component.ts(3,10): error TS2305: Module '"<dir>/app/auth/auth.module"' has no exported member 'SigninComponent'.

甚至在导出SigninComponent之后.

项目文件夹结构如下所示:

在此输入图像描述

应用/认证/ auth.module.ts:

import { NgModule }       from '@angular/core';
import { CommonModule }   from '@angular/common';
import { FormsModule }    from '@angular/forms';

import { RegisterComponent }    from './components/register.component';
import { SigninComponent }    from './components/signin.component';
import { HomeComponent }    from './components/home.component';

import { AuthService } from './services/auth.service';
import { AuthHttp } from './services/auth-http';

@NgModule({
  imports: [
      CommonModule,
      FormsModule
  ],
  declarations: [
      RegisterComponent,
      SigninComponent,
      HomeComponent
  ],
  providers: [
      AuthService,
      AuthHttp
  ], …
Run Code Online (Sandbox Code Playgroud)

javascript typescript angular2-modules angular

41
推荐指数
5
解决办法
14万
查看次数

如何在垫形场中更改高度

我怎样才能改变高度mat-form-fieldappearance="outline"

我需要减少垫形场。

我的输入示例

在此处输入图片说明

css typescript angular-material angular mat-input

14
推荐指数
7
解决办法
9570
查看次数

React:如何让 Material UI 的网格间距发挥作用?

我正在使用 Material UI 的网格(https://material-ui.com/api/grid)进行布局,但是虽然列和行工作正常,但该spacing属性似乎不起作用。

我已经这样导入了 Grid:import Grid from '@material-ui/core/Grid'

  <Grid container spacing={10}>
    <Grid item xs={12} sm={6}>
      CONTENT
    </Grid>
    <Grid item xs={12} sm={6}>
      CONTENT
    </Grid>
  </Grid>
Run Code Online (Sandbox Code Playgroud)

但没有出现填充。

有人知道如何在网格中包含间距吗?

javascript css reactjs material-ui

12
推荐指数
2
解决办法
2万
查看次数

对自签名 uri 的 Angular https 调用失败并显示“net::ERR_CERT_AUTHORITY_INVALID”

我正在使用 Angular http 模块调用由自签名证书启用的 https 端点。

代码类似于下面显示的内容:

    export class AppComponent {
  constructor(private  http: HttpClient) {
 }
  title = 'my-app';
    ngOnInit(): void {
        this.http.get('https://internalapp.com/context/apps/all').subscribe((res: any[]) => {
    console.log('sharief');
    console.log(res);
    });
  }
}
Run Code Online (Sandbox Code Playgroud)

当 angular 应用程序在 Chrome 浏览器中运行时,会导致错误“net::ERR_CERT_AUTHORITY_INVALID”。此错误发生在 this.http.get(...) 方法调用上。

Node 的 https 模块有一个如下所示的选项,它似乎可以工作(从这里输入链接描述

var req = https.request({ 
      host: '192.168.1.1', 
      port: 443,
      path: '/',
      method: 'GET',
      rejectUnauthorized: false,
      requestCert: true,
      agent: false
    },
Run Code Online (Sandbox Code Playgroud)

问题:是否可以在 http.get 调用期间禁用证书验证?

https self-signed angular

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

数据路径“”不应具有其他属性(es5BrowserSupport)

尝试从Angular开始,在CLI中创建项目后,我尝试同时使用“ ng serve -o”或“ npm start”打开项目,但出现以下错误:

架构验证失败,出现以下错误:数据路径“”不应具有其他属性(es5BrowserSupport)

尝试过:重新创建具有类似结果的项目

重新安装CLI

错误日志:

0信息,如果一切正常就可以了

1详细的cli ['C:\ Program Files \ nodejs \ node.exe',

1个详细的cli'C:\ Program Files \ nodejs \ node_modules \ npm \ bin \ npm-cli.js',

1详细cli'start']

2信息使用npm@6.4.1

3信息使用node@v10.15.0

4详细的运行脚本['prestart','start','poststart']

5个信息生命周期ccctool@0.0.0~prestart:ccctool@0.0.0

6个信息生命周期ccctool@0.0.0~start:ccctool@0.0.0

7详细的生命周期ccctool@0.0.0~start:生命周期中的unsafe-perm true

8个详细的生命周期ccctool@0.0.0~start:PATH:C:\ ProgramFiles \ nodejs \ node_modules \ npm \ node_modules \ npm-lifecycle \ node-gyp-bin; C:\ Users \ User \ Desktop \ CCCTool \ node_modules.bin ; C:\ Program Files(x86)\ Razer Chroma SDK \ bin; C:\ Program Files \ Razer Chroma SDK …

angular-cli angular

11
推荐指数
3
解决办法
9934
查看次数

Angular 8:材质对话框的最大高度属性不起作用

我正在 Angular 8 中开发一个项目,其中我使用 MatDialog 在对话框中打开带有表单输入的新组件。例如:

import {MatDialog} from '@angular/material/dialog';

import {AddDialogComponent} from '../add-dialog.component';

constructor(private dialog: MatDialog){
}

private addNewRow() {

    const dialogRef = this.dialog.open(AddDialogComponent, {

      width: 'auto',
      height: 'auto',
      maxHeight: '100vh',
      maxWidth:'100vw',
      data: Data
    });
    dialogRef.afterClosed().subscribe(
      result => {

         // statements
      });
  }
Run Code Online (Sandbox Code Playgroud)

在这里,当对话框打开时,maxWidth: '100vw'工作正常,但不支持maxHeight: '100vh' 。还尝试了maxHeight: '100vh !important'并尝试从 .css 文件更改样式。

两者都不起作用。对于此问题的任何建议或解决方案将受到高度赞赏。

谢谢。

html javascript css angular-material angular

11
推荐指数
1
解决办法
2万
查看次数

Angular: cdkVirtual 不渲染新项目

我正在构建一个垂直滚动的日历。我正在加载最初的日子,但是当新的日子添加到列表中时,它们不会被呈现。

<cdk-virtual-scroll-viewport
  class="demo-viewport"
  [itemSize]="100"
  (onContentScrolled)="handleScrollChange($event)"
>
  <calendar-day
    *cdkVirtualFor="let day of days; trackBy: trackByFn"
    [day]="day"
  ></calendar-day>
</cdk-virtual-scroll-viewport>
<button (click)="goToToday()">go</button>
Run Code Online (Sandbox Code Playgroud)

我有一项BehaviorSubject更新天数的服务。我知道天数列表正在更新,但似乎没有检测到更改。

  ngOnInit() {
    this._daysService.days$.subscribe(days => {
      this.days = days;
    })
    this.watchScroll();
    this.handleScrollingUp();
    this.handleScrollingDown();
  }
Run Code Online (Sandbox Code Playgroud)

有关更多信息,StackBlitz 存储库是公开的https://stackblitz.com/edit/material-infinite-calendar

typescript angular-material angular virtualscroll

9
推荐指数
2
解决办法
8245
查看次数

Angular Material Design:单选按钮组垂直对齐

下面是我用来显示单选按钮的角度材料代码:

<div>
    <mat-radio-group>
        <mat-radio-button value="1">Transcription</mat-radio-button>
        <mat-radio-button value="2">Summarization</mat-radio-button>
        <mat-radio-button value="3">Both</mat-radio-button>
    </mat-radio-group>
</div>
Run Code Online (Sandbox Code Playgroud)

但这是水平显示单选按钮。但我需要它们垂直显示。

javascript css typescript angular-material angular

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

NextJS 处理“服务器错误”和“客户端错误”的最佳实践

使用 NextJS,我看到 2 种错误:

服务器错误

  • 使用throw new Error(...)内部 getInitialProps生成它...
  • 它可能由于某些业务逻辑或意外的 API 响应而发生;
  • 截屏:

服务器错误

未处理的运行时错误

  • 使用throw new Error(...)组件内部生成它
  • 它可能由于某些业务逻辑而发生;
  • 这里的错误是由 ErrorBoundary 捕获的(设置在里面_app.js
  • 截屏:

未处理的运行时错误

问题:在错误边界内捕获未处理的运行时错误(就像它们在 ReactJS 中所做的那样)...如何最好地处理“服务器错误”...最佳实践是什么?

error-handling server-error reactjs next.js

8
推荐指数
1
解决办法
4416
查看次数

AWS Lambda API 问题“错误:运行时退出并出现错误:退出状态 129”

我使用 Lambda NodeJS 在 AWS 中开发了 API。它按照要求工作并提供正确的响应,但定期会给出以下错误。

{
    "errorType": "Runtime.ExitError",
    "errorMessage": "RequestId: 3401bb1f-eb50-4c39-87cd-ce1188ce9150 Error: Runtime exited with error: exit status 129"
}
Run Code Online (Sandbox Code Playgroud)

仅当我在代码中使用MySQL数据库连接并进行SQL操作时才会出现上述错误。

请建议。

javascript amazon-web-services node.js aws-lambda

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