解决 Vue JS 构建和 html-minify 的问题答案

【问题标题】：Solve issues with VueJS build and html-minifiy解决 Vue JS 构建和 html-minify 的问题
【发布时间】：2020-04-01 06:47:43
【问题描述】：

我正在尝试构建我的 vuejs 应用程序，但我无法让它工作。我收到以下错误：

$ vue-cli-service build --mode production --dest dist --target app --modern --dashboard


-  Building legacy bundle for production...

 ERROR  Failed to compile with 1 errors3:53:41 PM

 ERROR  Build failed with errors.


  Error: Parse Error: <link rel="stylesheet" href="https://stackpath.bootstrapcd  n.com/bootstrap/4.3.1/css/bootstrap.min.css> 
    <link rel=" icon" href="favicon.ico"> 
    <title>AppTitle</title> 
  </head> 
  <body> 
    <noscript> 
      <strong>Diese Seite funktioniert nur mit JavaScript. Bitte erlauben sie JavaScript, um die Seite richtig nutzen zu 
        können.</strong> 
    </noscript> 
    <div id="app"></div> 
    <!-- built files will be auto injected --> 
  <script type="text/javascript" src="/js/chunk-vendors-legacy.c32ef6dd.js"></sc  ript><script type="text/javascript" src="/js/app-legacy.f5ccfd09.js"></script>  </body> 
  </html>

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

  - htmlminifier.js:966 minify
    [apptitle]/[html-minifier]/src/htmlminifier.js:966:3

  - htmlminifier.js:1326 exports.minify
    [apptitle]/[html-minifier]/src/htmlminifier.js:1326:16

  - index.js:316 
    [apptitle]/[html-webpack-plugin]/index.js:316:18

我认为问题出在 html-minifier 上，但我的 package-lock.json 中有依赖项。如何将我的应用导出到生产环境？

【问题讨论】：

你的index.html 怎么样？

标签： javascript vue.js web export production

【解决方案1】：

正如错误消息所述 (parse error)，您的 HTML 文件中有错误。好像忘记关闭href 属性的引号了。

<link rel="stylesheet" href="https://stackpath.bootstrapcd n.com/bootstrap/4.3.1/css/bootstrap.min.css <------ Missing quote

【讨论】：