Nodejs 大家都用的什么模板啊？在用jade模板，可是一直报错 Invalid indentation, you can use tabs or spaces but not both！菜鸟求指导

Nodejs 大家都用的什么模板啊？在用jade模板，可是一直报错 Invalid indentation, you can use tabs or spaces but not both！菜鸟求指导

这里要怎么上传本地图片啊？貌似不那么容易啊。。。

求指导 求教育！

8 回复

帖子内容

Nodejs 大家都用的什么模板啊？在用jade模板，可是一直报错 Invalid indentation, you can use tabs or spaces but not both！菜鸟求指导

最近在尝试使用Jade模板引擎来开发一个Node.js应用，但是在编写模板文件时遇到了一个问题。每次运行项目时，都会报错：“Invalid indentation, you can use tabs or spaces but not both”。作为一个新手，我不是很清楚应该如何解决这个问题。

问题描述

错误信息如下：

Error: /path/to/your/template/file.jade:1
>> 1| div
    2|
    3|

Invalid indentation, you can use tabs or spaces but not both!

这个错误提示表明在Jade模板文件中存在混合使用了空格和制表符作为缩进的情况。Jade模板引擎要求在同一层级下的所有元素必须使用相同的缩进方式，要么全部使用空格，要么全部使用制表符。

解决方案

为了解决这个问题，你需要确保在同一个代码块内的所有行都使用相同类型的缩进。你可以选择全部使用空格或全部使用制表符。

示例：

假设你有以下代码片段：

div
    p Hello, World!
    ul
        li Item 1
        li Item 2

在这个例子中，所有的缩进都是由两个空格组成的。如果你之前混合使用了空格和制表符，你需要将它们统一。

修改后的代码：

div
    p Hello, World!
    ul
        li Item 1
        li Item 2

确保你的编辑器设置为使用固定数量的空格（如4个空格）代替制表符。大多数现代编辑器（如VS Code、Sublime Text等）都支持这种设置。

总结

确保在使用Jade模板引擎时，同一层级的所有元素都使用相同的缩进方式。你可以选择全部使用空格或者全部使用制表符，但不要混合使用两者。这应该可以解决你遇到的“Invalid indentation”错误。

希望这个解决方案对你有所帮助！如果你还有其他问题或需要进一步的帮助，请随时提问。


目测没有上传，如果有插图需要，可以先到微博相册，先上传后，将图片连接插入到这里，报错提示语法问题，注意空格和tab，推荐ejs，上手快，实例多，不懂，可以参cnode.js代码

现在有可以将html转化成jade的东西吗？大家都用的ejs额？

这个是提示你不能 空格和 tab 一起使用。

可模板的格式是那样的，需要缩进，是不是编辑器问题，会有多余空格

是不是写的时候产生了多余空格，和编辑器有关吗

所有的缩进都用空格，或者所有的缩进都用 tab ，不要混着用。用你的编辑器转换下。

回答

在使用Jade（现在称为Pug）模板引擎时，遇到“Invalid indentation”错误通常是因为你在同一个文件中混合使用了空格和制表符进行缩进。Pug模板引擎要求在同一层级下使用相同的缩进方式。

示例代码：

假设你有以下Pug代码：

doctype html
html
  head
    title= title
  body
    h1= message
    if user
      p Welcome, #{user.name}!
    else
      p Please sign up!

确保在编写这段代码时，要么全部使用空格（通常是2个或4个），要么全部使用制表符进行缩进。不要混用。

具体解决步骤：

  1. 打开你的Pug文件。
  2. 查看报错行附近的代码，并检查缩进方式。
  3. 如果你在使用空格，请确保所有地方都是相同的数量的空格。
  4. 如果你在使用制表符，请确保所有地方都是制表符。
  5. 保存并重新运行你的应用。

例如，如果在缩进的地方同时出现了空格和制表符，可以尝试将它们统一为一种格式，比如全改成空格或者全改成制表符。

如果你仍然无法解决问题，请提供具体的报错行和代码片段，以便更准确地诊断问题。

回到顶部