Angular2模板渲染錯誤

Question

在運行angular2應用程序，我得到以下錯誤：

zone.js:952 GET http://localhost:3000/node_modules/@angular/Forms/ 404 (Not Found) 

Error: Fetch error: 404 Not Found 
    Instantiating http://localhost:3000/node_modules/@angular/Forms 
    Loading http://localhost:3000/Scripts/module.js 
    Loading app 
    at system.src.js:1479 
    at ZoneDelegate.invoke (zone.js:391) 
    at Zone.run (zone.js:141) 
    at zone.js:831 
    at ZoneDelegate.invokeTask (zone.js:424) 
    at Zone.runTask (zone.js:191) 
    at drainMicroTaskQueue (zone.js:595) 
    at <anonymous> 

我已匯入我的模塊文件的FormsModule，但我依然面臨着同樣的問題。在不斷變化的@angular/Forms到@angular/forms，我得到的模板語法錯誤：

Unhandled Promise rejection: Template parse errors: 
Parser Error: Unexpected token # at column 1 in [#employee of employees| employeeFilter:query] in ng:///templates/employee.html@40:12 (" 

    <tbody> 
     <tr [ERROR ->]*ngFor="#employee of employees| employeeFilter:query"> 
      <td>{{employee.userId}}</td> 
    "): ng:///templates/employee.html@40:12 
Parser Error: Unexpected token # at column 1 in [#employee of employees| employeeFilter:query] in ng:///templates/employee.html@40:12 (" 
    <tbody> 
     <tr *ngFor="#employee of employees| employeeFilter:query"> 
      <td>[ERROR ->]{{employee.userId}}</td> 
      <td>{{employee.firstName}}</td> 
      <td>{{employee.las"): ng:///templates/employee.html@41:16 
Parser Error: Unexpected token # at column 1 in [#employee of employees| employeeFilter:query] in ng:///templates/employee.html@40:12 ("yee of employees| employeeFilter:query"> 
      <td>{{employee.userId}}</td> 
      <td>[ERROR ->]{{employee.firstName}}</td> 
      <td>{{employee.lastName}}</td> 
      <td>{{employee.F"): ng:///templates/employee.html@42:16 
Parser Error: Unexpected token # at column 1 in [#employee of employees| employeeFilter:query] in ng:///templates/employee.html@40:12 ("   <td>{{employee.userId}}</td> 
      <td>{{employee.firstName}}</td> 
      <td>[ERROR ->]{{employee.lastName}}</td> 
      <td>{{employee.FullName}}</td> 
      <td>{{employee.em"): ng:///templates/employee.html@43:16 
Parser Error: Unexpected token # at column 1 in [#employee of employees| employeeFilter:query] in ng:///templates/employee.html@40:12 ("  <td>{{employee.firstName}}</td> 
      <td>{{employee.lastName}}</td> 
      <td>[ERROR ->]{{employee.FullName}}</td> 
      <td>{{employee.employeeCode}}</td> 
      <td>{{employe"): ng:///templates/employee.html@44:16 
Parser Error: Unexpected token # at column 1 in [#employee of employees| employeeFilter:query] in ng:///templates/employee.html@40:12 ("  <td>{{employee.lastName}}</td> 
      <td>{{employee.FullName}}</td> 
      <td>[ERROR ->]{{employee.employeeCode}}</td> 
      <td>{{employee.jobTitle}}</td> 
      <td>{{employe"): ng:///templates/employee.html@45:16 
Parser Error: Unexpected token # at column 1 in [#employee of employees| employeeFilter:query] in ng:///templates/employee.html@40:12 (" <td>{{employee.FullName}}</td> 
      <td>{{employee.employeeCode}}</td> 
      <td>[ERROR ->]{{employee.jobTitle}}</td> 
      <td>{{employee.emailAddress}}</td> 
     </tr> 

Answer 1

根據錯誤信息：

http://localhost:3000/node_modules/@angular/Forms

你必須寫@angular/forms到@angular/Forms錯包的名稱，只需要修正包名將解決這個問題。

---

*ngFor="#employee of employees| employeeFilter:query"是角老版本的語法，將其更改爲*ngFor=" let employee of employees| employeeFilter:query"。