Ng 构建解析错误答案

【问题标题】：Ng Build Parse ErrorNg 构建解析错误
【发布时间】：2018-10-04 04:14:14
【问题描述】：

我正在尝试构建与ng serve 配合使用的项目，但是当我尝试使用ng build --prod 时出现以下错误：

ERROR in   Error: Parse Error: <link href=https://fonts.googleapis.com/icon?family=Material+Icons rel="stylesheet">
  <link href="styles.bb42829af637ad7517b8.bundle.css" rel="stylesheet"/></head>
  <body>
    <app-root></app-root>
  <script type="text/javascript" src="inline.12e6a1a2e3a1cffc56a7.bundle.js"></script><script type="text/java  script" src="polyfills.46af3f84a403e219371b.bundle.js"></script><script type="text/javascript" src="main.1a  6c58d7ac57bf63f021.bundle.js"></script></body>
  </html>

  - htmlparser.js:240 new HTMLParser
    [todo-app]/[html-minifier]/src/htmlparser.js:240:13

  - htmlminifier.js:944 minify
    [todo-app]/[html-minifier]/src/htmlminifier.js:944:3

  - htmlminifier.js:1300 exports.minify
    [todo-app]/[html-minifier]/src/htmlminifier.js:1300:16

  - index.js:296 
    [todo-app]/[html-webpack-plugin]/index.js:296:16

  - util.js:16 tryCatcher
    [todo-app]/[bluebird]/js/release/util.js:16:23

  - promise.js:512 Promise._settlePromiseFromHandler
    [todo-app]/[bluebird]/js/release/promise.js:512:31

  - promise.js:569 Promise._settlePromise
    [todo-app]/[bluebird]/js/release/promise.js:569:18

  - promise.js:614 Promise._settlePromise0
    [todo-app]/[bluebird]/js/release/promise.js:614:10

  - promise.js:693 Promise._settlePromises
    [todo-app]/[bluebird]/js/release/promise.js:693:18

  - async.js:133 Async._drainQueue
    [todo-app]/[bluebird]/js/release/async.js:133:16

  - async.js:143 Async._drainQueues
    [todo-app]/[bluebird]/js/release/async.js:143:10

  - async.js:17 Immediate.Async.drainQueues [as _onImmediate]
    [todo-app]/[bluebird]/js/release/async.js:17:14

这个错误似乎是由我的 index.html 文件中的某些内容引起的，如下所示：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>To-Do List</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/css?family=Abhaya+Libre|Cormorant+Garamond:600|Montserrat" rel="stylesheet">
  <link href=https://fonts.googleapis.com/icon?family=Material+Icons rel="stylesheet">
</head>
<body>
  <app-root></app-root>
</body>

整个应用程序可以在：GitHub Repo 中找到，欢迎任何关于如何解决此问题的说明！

【问题讨论】：

标签： javascript html angular html-parsing

【解决方案1】：

一个问题是下面的行在 href 属性值周围没有引号：

<link href=https://fonts.googleapis.com/icon?family=Material+Icons rel="stylesheet">

像这样添加：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

【讨论】：

谢谢，这解决了我的问题。我还需要 6 分钟才能将答案标记为正确，但我会尽快完成。非常感谢！