对于在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) 我正在使用 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)
但没有出现填充。
有人知道如何在网格中包含间距吗?
我正在使用 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 调用期间禁用证书验证?
尝试从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 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 文件更改样式。
两者都不起作用。对于此问题的任何建议或解决方案将受到高度赞赏。
谢谢。
我正在构建一个垂直滚动的日历。我正在加载最初的日子,但是当新的日子添加到列表中时,它们不会被呈现。
<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
下面是我用来显示单选按钮的角度材料代码:
<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)
但这是水平显示单选按钮。但我需要它们垂直显示。
使用 NextJS,我看到 2 种错误:
服务器错误
throw new Error(...)内部 getInitialProps生成它...未处理的运行时错误
throw new Error(...)组件内部生成它_app.js)问题:在错误边界内捕获未处理的运行时错误(就像它们在 ReactJS 中所做的那样)...如何最好地处理“服务器错误”...最佳实践是什么?
我使用 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操作时才会出现上述错误。
请建议。
angular ×7
javascript ×5
css ×4
typescript ×4
reactjs ×2
angular-cli ×1
aws-lambda ×1
html ×1
https ×1
mat-input ×1
material-ui ×1
next.js ×1
node.js ×1
self-signed ×1
server-error ×1