小编Raj*_*Raj的帖子

自从昨天更新到 以来1.47.0，当 VSCode 启动时，它会在终端中给出以下输出（没有随后的提示让我输入）：

Debugger listening on ws://127.0.0.1:55430/f3f20387-0605-4a39-b807-77f02bea362f
For help, see: https://nodejs.org/en/docs/inspector

我通常的程序是：

1. 使用WSL导航到我要打开的项目目录，类型code .
2. npm run serve然后，我将通过键入(package.json has )在 VSCode 终端 (bash) 中启动我的服务器"serve": "vue-cli-service serve"。

但是，现在有一些调试器和检查器持续运行，我显然不能这样做？launch.json这是显示我的空白和终端的屏幕截图：

有人可以告诉我如何解决这个问题吗？我不知道出了什么问题，但它似乎只发生在我打开的这个特定项目中code .

更新

所以我尝试了更多的事情。

1. cp -rf testsite testfrontend我在 WSL 内跑步
2. 然后在我删除的复制目录package-lock.json中node_modules
3. 我随后跑了npm install
4. code .然后，我通过在 WSL 中复制的项目的目录中运行来启动 VSCode

当 vscode 出现时，终端没有显示。当我展示它时（ctrl+`），以下几行会自动运行：

5. 然后我跑了npm run serve，发生了以下情况：

6. 调试器控制台选项卡中显示以下消息：

我应该提到，当我直接从 WSL 运行时，我没有遇到此错误或任何其他上述问题npm run serve。WSL: Ubuntu如果我单击左下角的绿色按钮，然后选择Remote-WSL: …

因为没有:key="item.id"上<template>，我收到此错误：

但当我把它放在那里时：

<template v-for="item in Object.values(cart)" :key="item.id">\n

\xe2\x80\xa6然后我收到此错误：

这是有问题的代码：

          <template v-for="item in Object.values(cart)">\n            <tr :key="item.id">\n              <td>Digest {{ item.digestId }}</td>\n              <td>{{ item.duration_text }} subscription</td>\n              <td class="price-cell">${{ roundMoney(item.price, 2) }}</td>\n              <td class="trash-cell">\n                <fa-icon icon="times-circle" size="lg" @click="removeItem(item)" />\n              </td>\n            </tr>\n            <tr v-if="item.discounts.length" :key="`${item.id}-${item.discounts && item.discounts[0].id}`">\n              <td colspan="2">\n                <label>Code: {{ item.discounts[0].code }}</label>\n              </td>\n              <td colspan="2">\n                <span class="discount-amount">\xe2\x80\x93${{ item.discounts[0].percent_off }}</span>\n              </td>\n              <td class="trash-discount-cell">\n                <fa-icon icon="times-circle" class="trash" @click="rmDscnt(item.discounts[0])" />\n              </td>\n            </tr>\n          </template>\n

我该如何解决这个看似循环的问题？

我使用 WSLcode .从 Windows 终端中的项目目录启动 VSCode 。VSCode 启动时，状态栏显示“Auto Attach: Off”：

单击状态栏中的“自动附加：关闭”不会切换它。

然后我在 VSCode 的集成终端中启动我的项目npm run debug，它对应于 中的以下scripts行package.json：

"scripts": {
  "debug": "NODE_ENV=development DEBUG='knex:*' nodemon --inspect ./server.js"
}

但是，调试器不是自动附加的，因此我需要Attach从此处左侧显示的“运行”面板手动运行配置：

调试器可以工作，但我仍然无法将其切换Auto Attach: Off为On：

即使我Ctrl+Shift+P --> Debug: Toggle Auto Attach，也没有任何反应。即使我这样做后重新启动 VSCode。

因此，总而言之，我如何code .从 Windows 终端启动我的 VSCode，然后输入npm run debug并拥有 VSCode，运行我的程序并自动附加调试器？我还需要服务器在文件更改时重新启动，这就是我nodedemon在npm run debug脚本中使用的原因。

我是否需要：

• 改launch.json配置？尽管我基本上已经尝试launch.json了 VSCode …

我大致按照这篇文章制作了一个可拖动的组件：

<template>
  <div ref="draggableContainer" class="draggable-container">
    <div class="draggable-header" @mousedown="dragMouseDown">
      <slot name="dragger"></slot>
    </div>
    <slot></slot>
  </div>
</template>

然后在我的Calculator.vue组件中我有：

<template>
  <Draggable class="calculator">
    <input type="text" class="calculator-screen" slot="dragger" value="" />

    <div class="calculator-keys">
      <button type="button" class="operator" value="+">+</button>
      <button type="button" class="operator" value="-">-</button>
      <button type="button" class="operator" value="*">&times;</button>
      <button type="button" class="operator" value="/">&divide;</button>

      <button type="button" value="7">7</button>
      <button type="button" value="8">8</button>
      <button type="button" value="9">9</button>

      <button type="button" value="4">4</button>
      <button type="button" value="5">5</button>
      <button type="button" value="6">6</button>

      <button type="button" value="1">1</button>
      <button type="button" value="2">2</button>
      <button type="button" value="3">3</button>

      <button type="button" value="0">0</button>
      <button type="button" class="decimal" value=".">.</button> …