解决VueJS构建和html-minifiy问题

问题描述 投票:0回答:1

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

javascript vue.js web export production
1个回答
0
投票

错误消息指出(parse error),您的HTML文件中有错误。似乎您忘记了关闭href属性的引号。

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

© www.soinside.com 2019 - 2024. All rights reserved.