时间戳

首页 > 解决方案 > 解决 VueJS 构建和 html-minifiy 的问题

javascript - 解决 VueJS 构建和 html-minifiy 的问题

问题描述

我正在尝试构建我的 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 中有依赖项。如何将我的应用程序导出到生产环境？

标签： javascriptvue.jswebexportproduction

解决方案

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

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

推荐阅读