失败的源请求

Question

我尝试编译一些 html 代码。一切正常，但是当我尝试使用 *ngFor 之类的东西时，我得到了一个错误。 我只注意到它是因为我使用了 Visual Studio 代码并使用了 firefox 调试器。

我在 Visual Studio 代码上使用最新的 Angular 版本。

@angular-devkit/build-optimizer   0.803.0
@angular-devkit/build-webpack     0.803.0
@angular-devkit/core              8.3.0
@angular-devkit/schematics        8.3.0
@angular/cli                      8.3.0
@ngtools/webpack                  8.3.0
@schematics/angular               8.3.0
@schematics/update                0.803.0
rxjs                              6.4.0
typescript                        3.5.3
webpack                           4.39.2

我已经读过一些可能有用的东西，但我有点害怕尝试它，因为这些解决方案并不完全适合我的问题 我在这里Cannot find module '@angular/compiler' 和Cannot find module '@angular/compiler-cli' when running ng serve 找到了一些东西

这就是我在 html 代码中使用的导致错误的原因

<li *ngFor="let karts of karten">
    {{karts.art}}
</li>

这是我的打字稿文件的一部分

import { Component, OnInit } from '@angular/core';
import { karten } from './karten';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

@NgModule({
  declarations: [],
  imports: [ CommonModule ],
  exports: [],
  providers: [],
})
export class BlackjackComponent implements OnInit {
karten=[
{art:'Herz',typ:'Ass'},
{art:'Herz',typ:'König'},
{art:'Herz',typ:'Dame'},
{art:'Herz',typ:'Bube'},
{art:'Herz',typ:'Zehn'}
  ];
}

编译时的问题是，他绝对不会编译任何出现此错误的东西，我只会在 web 中得到一个白页，并且在 vs 处出现错误

这是我得到的错误 Could not load source 'node_modules\@angular\compiler\fesm2015\compiler.js': Failed sourceRequest: the requested source can't be found.

Answer 1

试试下面的步骤，

1 : npm install -g @angular/cli
2 : ng new "your project name"
3 : ng serve : erro >>> do not wrray
4 : npm install @angular/compiler-cli
5 : npm install typescript
6 : npm install @angular/cli

Answer 2

@angular-devkit/build-optimizer: ^0.11.0
@angular-devkit/build-webpack    ^0.11.0

请删除 package-lock.json 并再次运行 npm install 命令。

HTML 代码

<li *ngFor="let karts of karten"> //not kart
  {{karts.art}}
</li>