javascript - Ng 构建解析错误

标签 javascript html angular html-parsing

我正在尝试构建我的项目,它与 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 ,欢迎任何有关如何解决此问题的信息!

最佳答案

一个问题是下面这行 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">

关于javascript - Ng 构建解析错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49992558/

相关文章:

angular - 没有提供带有 Angular 2 和 Http 服务的 XHRBackend

javascript - 通过 URL 调用 javascript 函数

javascript - 如何判断jquery调用json是否没有返回数据

python - 如何格式化 Pandas 数据框的 IPython html 显示?

javascript - 是否可以在 angular-cli 中更改 `ng serve` 配置(我想添加一些规则,因此某些请求将被重定向到另一个端口)?

Angular 6 库共享样式表

javascript - 如何通过 javascript 或 jQuery 在新选项卡中打开替换链接

javascript - 从选择列表数组中获取jquery中的选择列表id和值

javascript - CSS 文本写出动画

html - Internet Explorer 9 上的零星字体图标