./src/app/svg.component.ts中的错误找不到模块：错误：无法解析'./svg.component.svg'

Question

官方文档中有一个不起作用的实时示例： https : //angular.io/Generated/live-examples/template-syntax/stackblitz.html

实时示例错误说：导入错误，找不到文件：./svg.component.svg

如果下载示例并npm安装它，则会收到错误消息：

ERROR in ./src/app/svg.component.ts
Module not found: Error: Can't resolve './svg.component.svg' in 'C:\Users\Elias\Desktop\New folder\src\app'

svg.component.ts包含以下部分代码：

import { Component } from '@angular/core';
@Component({
  selector: 'app-svg',
  templateUrl: './svg.component.svg',

似乎该组件正在要求一个.svg文件。 我不知道该怎么办。

Answer 1

您正在尝试引用一个不存在的文件，并且试图从css中引用一个svg模板，这也将不起作用。

只需将包含svg模板的.svg文件添加到目录中，即可正常工作。 参见下图。