angular - 找不到名称 'require' templateUrl

Question

在加载页面时，在我使用 templateUrl 的行中出现无法找到要求的错误，但系统非常稳定，不知道错误到底发生在哪里..

import {Component, OnInit} from '@angular/core';
import {Http} from '@angular/http';
import {Title}     from '@angular/platform-browser';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html'
})

export class LoginComponent implements OnInit {

}

Answer 1

您使用的是 Typescript，Typescript 编译器会对您为您编译的所有内容进行类型检查，看看它是否可以帮助您弹出一些错误。您遇到的错误是 Typescript 让您知道它无法识别 require 函数。该应用程序运行良好，因为它最终在运行时仍然可用，因此您收到的错误只是来自 Typescript 编译器的“警告”。

要解决此问题，您必须“教”Typescript 有关函数的知识，例如 require，你可以通过运行安装 nodejs 类型来做到这一点:

npm install --save @types/node

(您可能需要将以下内容添加到您的 tsconfig.json 以便它从 node_modules/@types 加载类型:

“typeRoots”:[
“./node_modules/@types”
],)