./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文件添加到目錄中，即可正常工作。 參見下圖。