文章/答案/技术大牛

发布

社区首页 >问答首页 >编译Vue项目失败，出现"Mixed spaces and tabs no-mixed-spaces- and -tabs“错误

问编译Vue项目失败，出现"Mixed spaces and tabs no-mixed-spaces- and -tabs“错误
EN

Stack Overflow用户

提问于 2021-06-10 01:24:58

回答 1查看 187关注 0票数 1

请查找以下有错误的详细信息。

错误详细信息:编译失败。

./src/components/Header.vue模块错误(来自./node_modules/eslint-loader/index.js)：

H:\project\VueProjects\stock-trader\src\components\Header.vue 27:2错误混合空格和制表符无混合空格和制表符

✖1问题(1个错误，0个警告)

Header.vue

<template>
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <router-link to="/" class="navbar-brand">Stock Trader</router-link>
      </div>

      <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
          <router-link to="/portfolio" activeClass="active" tag="li"
            ><a>Portfolio</a></router-link
          >
          <router-link to="/stocks" activeClass="active" tag="li"
            ><a>Stocks</a></router-link
          >
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">End day</a></li>
          <li class="dropdown">
            <a
              href="#"
              class="dropdown-toggle"
              data-toggle="dropdown"
              role="button"
              aria-haspopup="true"
              aria-expanded="false"
              >Save & Load <span class="caret"></span
            ></a>
            <ul class="dropdown-menu">
              <li><a href="#">Save Data</a></li>
              <li><a href="#">Load Data</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>
</template>

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Stock Trader</title>
    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
      crossorigin="anonymous"/>
  </head>
  <body>
    <div id="app"></div>
    <script src="/dist/build.js"></script>
  </body>
</html>

enter image description here

请给我建议。

第一个查询解析后的已编辑零件。

期望的结果屏幕截图enter image description here

结果获取截图enter image description here

css

vue.js

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-06-10 21:18:38

像VS代码这样的编辑器可以选择将所有空格转换为制表符或空格，这将防止您的节点包管理器构建抱怨混合的空格编码(制表符和空格)。尝试单击位于VS代码右下角的“选择缩进”，或者查找(或谷歌)您正在使用的任何编辑器的选项，以将所有空格转换为空格或制表符。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67908994

复制

相似问题

问编译Vue项目失败，出现"Mixed spaces and tabs no-mixed-spaces- and -tabs“错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问编译Vue项目失败，出现"Mixed spaces and tabs no-mixed-spaces- and -tabs“错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问编译Vue项目失败，出现"Mixed spaces and tabs no-mixed-spaces- and -tabs“错误
EN