./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文件添加到目录中，即可正常工作。请参见下图。