我刚刚在一个运行良好的项目上运行了 NPM 更新。现在，我收到了一个更漂亮的“友好错误”。我想知道 ESLint 和 Prettier 在我的配置中是否不能很好地协同工作。
\nerror Replace `\xe2\x8f\x8e\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7Coming\xc2\xb7Soon!\xe2\x8f\x8e\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7` with `Coming\xc2\xb7Soon!`\n我不太确定这里发生了什么，但看起来这是一个格式问题，告诉我添加反引号。这些错误出现在 HTML 标记上，甚至没有 qoutes。从字面上看就是这样<span>Coming Soon</span>。
.eslintrc.js：
\nerror Replace `\xe2\x8f\x8e\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7Coming\xc2\xb7Soon!\xe2\x8f\x8e\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7\xc2\xb7` with `Coming\xc2\xb7Soon!`\n.prettierrc：
\nmodule.exports = {\n root: true,\n env: {\n browser: true,\n node: true,\n },\n parserOptions: {\n parser: \'babel-eslint\',\n },\n extends: [\n \'@nuxtjs\',\n \'prettier\',\n \'prettier/vue\',\n \'plugin:prettier/recommended\',\n \'plugin:nuxt/recommended\',\n ],\n plugins: [\'prettier\'],\n rules: {},\n}\n我正在构建一个简单的 vue 手风琴，当我单击一个手风琴时，它们都会打开，这不是我所追求的行为。有没有办法只打开一个点击？我认为“这个”会解决这个问题，但我没有运气。
html：
<div id="accordion" class="accordion-container">
<div class="accordion" :class="accordionClasses">
<div class="accordion-header" @click="toggleAccordion">
Accordion 1
<i class="fal fa-plus" />
<!-- <i class="fal fa-minus" /> -->
</div>
<div class="accordion-body">
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong></div>
</div>
</div>
<div class="accordion" :class="accordionClasses">
<div class="accordion-header" @click="toggleAccordion">
Accordion 2
<i class="fal fa-plus" />
<!-- <i class="fal fa-minus" /> -->
</div>
<div class="accordion-body">
<div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong></div>
</div>
</div>
<div class="accordion" :class="accordionClasses"> …构建一个 bootstrap-vue 手风琴，一切都按预期工作，但是，我刚刚添加了展开所有/折叠所有按钮，这些按钮也按我的预期工作，但现在我的问题是，当我直接单击任何手风琴面板时，它们都会打开。有没有办法让他们只打开单击的面板？
html:
<div class="container container-accordion-one">
<!--expand all / collapse all row -->
<div class="row row-expand-collapse">
<div class="offset-md-1 col-expand-collapse">
<ul class="list-expand-collapse">
<li><a href="#/" @click="showCollapse = true" class="font__card-body">Expand All</a></li>
<li><a href="#/" @click="showCollapse = false" class="font__card-body">Collapse All</a></li>
</ul>
</div>
</div>
<!--end: expand all / collapse all row -->
<div class="row">
<div class="offset-md-1 accordion-style-one">
<div role="tablist">
<b-card no-body class="">
<b-card-header href="#" v-b-toggle.accordion-1 header-tag="header" class="accordion-header" role="tab">
<p class="font__accordion-header">Accordion 1</p>
<i class="fal fa-plus accordionClosed" />
<i class="fal fa-minus accordionOpen" />
</b-card-header>
<b-collapse id="accordion-1" v-model="showCollapse" …Boostrap 4 导航栏，我删除了 data-toggle = toggle 并在桌面悬停时使用 jquery 添加了“打开”，效果很好。我现在的问题是我希望导航栏项目在某个断点“平板电脑/手机”处“点击”。我会添加一个有条件的 window.width 吗？任何帮助/方向都会很棒！
HTML：
<div class="navbar-collapse collapse main-nav-bottom--ul" id=“nav”>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="leigh.html" id="navbar-drop-downs"
aria-haspopup="true" aria-expanded="false">
<span class="underline-active"> Spotlight</span>
</a>
<div class="dropdown-menu dropdown-menu-nav-bottom"
aria-labelledby="navbar-drop-downs">
<a class="dropdown-item" href="ronstory.html">Rons Story</a>
<a class="dropdown-item" href="disorder.html">Disorder</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="how-to-be-vocal.html" id="navbar-drop-downs"
aria-haspopup="true" aria-expanded="false">
<span class="underline-active">Test</span>
</a>
<div class="dropdown-menu dropdown-menu-nav-bottom"
aria-labelledby="navbar-drop-downs">
<a class="dropdown-item" href=“test.html">Test</a>
</div>
</li>
</div>
查询：
<div class="navbar-collapse collapse main-nav-bottom--ul" id=“nav”>
<ul class="navbar-nav">
<li class="nav-item dropdown"> …我有一个 bootstrap 4 手风琴，我需要的是当手风琴“打开”时有条件地旋转和指向上方并在关闭时返回的图标。我可以使用 css 来做到这一点，但我需要它有条件地发生，因为存在“活动”状态，而不是应该触发手风琴打开的事件（如果有意义的话）。
HTML：
<div class="accordion" id="accordion-nav">
<div class="accordion-item">
<div class="item-header" id="heading">
<button class="btn btn-link btn-nav-accordion" type="button" data-toggle="collapse"
data-target="#collapseDosing" aria-expanded="false" aria-controls="collapseDosing">
<span>panel</span>
<i class="fas fa-chevron-down "></i>
</button>
</div>
<div id="collapseDosing" class="collapse collapse-nav-accordion"
aria-labelledby="heading-dosing" data-parent="#accordion-nav">
<div class="accordion-body">
<div class="l-accordion-body">
<h1>Body</h1>>
</div>
</div>
</div>
</div>
<div class="accordion-item accordion-item--savings">
<div class="item-header" id="heading-savings">
<button class="btn btn-link btn-nav-accordion" type="button" data-toggle="collapse"
data-target="#collapseSavings" aria-expanded="false" aria-controls="collapseSavings">
<span>panel</span>
<i class="fas fa-chevron-down"></i>
</button>
</div>
<div id="collapseSavings" class="collapse collapse-nav-accordion"
aria-labelledby="heading-savings" data-parent="#accordion-nav">
<div class="accordion-body">
<div class="l-accordion-body">
<h1>Body</h1>
</div>
</div> …Nuxt 2 我们能够指定输出目录：
export default {
target: 'static',
generate: {
dir: 'build/_site',
},
}
现在我正在使用 Nuxt 3，无法弄清楚如何在运行生成时指定输出目录。生成支持被删除了吗？