vue debugger不生效

在Vue中，如果debugger不生效，可能是因为代码中没有添加debugger语句，或者浏览器的调试工具没有打开。如果你已经在代码中添加了debugger语句，但仍然无法生效，可以尝试以下方法：

1. 确保浏览器的调试工具已经打开。可以通过按F12或者右键点击页面并选择“检查”来打开调试工具。

2. 确保在代码中添加了debugger语句，并且在想要调试的位置添加了断点。可以在Vue组件的created或mounted钩子函数中添加debugger语句，然后在浏览器的调试工具中打开Sources面板，在对应的js文件中添加断点。

如果以上方法都无法解决问题，可以尝试在项目的package.json文件中关闭ESLint的no-debugger规则，具体方法如下：

1. 进入项目的package.json文件。

2. 在rules字段中添加如下内容：

rules": {
  "no-debugger": "off",
  "no-console": "off"
}

这样就可以关闭ESLint的no-debugger规则，使得debugger语句可以正常生效。

相关问题

vue项目debugger不生效

根据提供的引用内容，可以得知vue项目中的debugger不生效的问题可以通过以下两种方式解决：

1. 在vue.config.js中添加下面代码，然后重启服务：

module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

这样就可以在浏览器的开发者工具中使用debugger进行调试了。

2. 在项目的package.json文件中添加以下代码：

"rules": {
  "no-debugger": "off",
  "no-console": "off"
}

这样就可以在代码中使用debugger进行调试了。

vue 项目代码里的debugger 不生效

在Vue项目中，如果你在代码中使用了`debugger`语句，但是在浏览器中并没有停在该语句处，可能是因为你的代码被压缩了。在生产环境中，Vue会自动压缩代码以提高性能，这会导致`debugger`语句失效。为了解决这个问题，你可以按照以下两种方法之一：

1.在Vue.config.js文件中添加如下代码：

module.exports = {
  // ...
  configureWebpack: {
    devtool: 'source-map'
  }
}

这将会生成一个source map文件，使得你的`debugger`语句能够在浏览器中正确地停下来。

2.在你的代码中使用`debugger`语句时，使用`// @ts-ignore`注释来忽略TypeScript的错误提示，例如：

// @ts-ignore
debugger;

这将会让TypeScript忽略该行代码的错误提示，使得`debugger`语句能够在浏览器中正确地停下来。