VS Code 不支持 handlebar partials 如何解决？

Question

我正在使用车把作为我项目的模板引擎。我正在使用 prettier 进行格式化，但在格式化 hbs 文件期间出现错误 SyntaxError: Handlebars partials are not supported 。我试图在互联网上寻找解决方案但失败了。

这是完整的错误日志：

语法错误：不支持把手部分：

（错误发生在 'an unknown module' @ 第 2 行：第 2 列）(2:2)

1 |

2 | {{> header}}

|  ^^^^^^^^^^^^

3 |

4 |

5 |

at n (c:\Users\Admin.vscode\extensions\esbenp.prettier-vscode

9.0.0\node_modules\prettier\parser-glimmer.js:1:1320)

在 Object.parse (c:\Users\Admin.vscode\extensions\esbenp.prettier-vscode

9.0.0\node_modules\prettier\parser-glimmer.js:1:183895)

at Object.parse$a [作为解析] (c:\Users\Admin.vscode\extensions\esbenp.prettier-vscode

9.0.0\node_modules\prettier\index.js:12513:19)

我的代码是：

{{> header}}
     <header>
       <nav class="navbar">
         <a href="#" style="display: inline-block">
           <object
             data="./images/background.png"
             width="100"
             height="80"
             style="pointer-events: none"
           ></object>
         </a>
         <div class="navbar_search">
           <input
             type="text"
             name="search-bar"
             id="search"
             placeholder="Search..."
             maxlength="15"
           />
           <a href=""
             ><i data-feather="search" class="navbar_search-icon"></i
           ></a>
         </div>
         <div class="navbar_icons">
           <a href=""><i data-feather="bell"></i></a>
           <a href=""><i data-feather="user"></i></a>
           <a href=""><i data-feather="settings"></i></a>
         </div>
       </nav>
     </header>
     <br></br>
      <h1 class="heading_pink" align = "center">WHAT TO DO AFTER 12TH?</h1>
      <hr  color = "black">
       <section class="chain">
       <ul class="chain_list">
         <li class="chain_list-item">TIP 1</li>
         <li class="chain_list-item">TIP 2</li>
         <li class="chain_list-item">TIP 3</li>
         <li class="chain_list-item">TIP 4</li>
         <li class="chain_list-item">TIP 5</li>
          <li class="chain_list-item">TIP 6</li>
           <li class="chain_list-item">TIP 7</li>
       </ul>
     </section>
    {{> footer}}

Answer 1

您可以使用 .prettierignore 文件来忽略模板。

# if your files are in a templates folder for example
# add this folder to the .prettierignore
templates

在同一个文档页面上还有一个 section about handlebars。如果您只想忽略文件的一部分，可以按照此操作。

{{! prettier-ignore }}
<div>
  "hello! my parent was ignored"
  {{#my-crazy-component     "shall"     be="preserved"}}
    <This
      is  =  "also preserved as is"
    />
  {{/my-crazy-component}}
</div>

VS Code 不支持 handlebar partials 如何解决？

How to solve handlebar partials are not supported in VS Code?

express

visual-studio-code

handlebars.js

prettier