无法使用Chrome DevTools调试Typescript文件-不能“链接到源映射”
问题描述： 当我在Chrome DevTools中尝试调试Typescript文件时，无法链接到源映射，导致无法进行有效的调试。
解决方案：
- 确保正确配置源映射：
- 在tsconfig.json文件中，确保设置了"sourceMap"选项为true，以生成源映射文件。
- 确保编译后的JavaScript文件与源文件位于相同的目录结构中。
- 确保Chrome DevTools启用了源映射支持：
- 在Chrome DevTools的设置中，确保已启用"Enable JavaScript source maps"选项。
- 清除浏览器缓存：
- 有时候浏览器缓存可能导致源映射无法正确加载，尝试清除浏览器缓存并重新加载页面。
- 确保源映射文件可访问：
- 检查源映射文件是否存在，并确保可以通过浏览器访问到它们。可以尝试直接在浏览器中输入源映射文件的URL地址来验证。
- 使用Chrome Canary版本：
- 有时候Chrome DevTools的稳定版本可能存在一些问题，尝试使用Chrome Canary版本来进行调试。
- 尝试其他调试工具：
- 如果以上方法仍然无法解决问题，可以尝试使用其他调试工具，如Visual Studio Code的内置调试功能或者其他浏览器的开发者工具。
总结： 无法使用Chrome DevTools调试Typescript文件的问题可能是由于源映射配置错误、DevTools设置问题、浏览器缓存、源映射文件访问问题等引起的。通过检查和调整这些方面，通常可以解决该问题。如果问题仍然存在，可以尝试其他调试工具来进行调试。
相关·内容
使用Typescript 1.8、Gulp 3.9.0、gulp-sourcemaps 1.6.0和tsconfig.json文件。
很久以前，这是一个很好的方法。最近(而且我无法确定具体时间)，Chrome和Firefox实际上都不会使用源代码地图。
我在Chrome上启用了源代码地图，并认识到有一个源代码地图，在控制台中告诉我：
检测到源图。关联文件应添加到文件树中。您可以将这些解析的源文件调试为常规的JavaScript文件。相关文件可通过文件树或Ctrl +P获得。
但是，源文件不能通过任何一种方法获得。
在本地构建上构建了文件结构(仅以登录为例)：
build
|- resour
浏览 6提问于2016-05-18得票数 15
回答已采纳
1回答
我正在开发一个小型的角度应用程序，并试图在Chrome DevTools中调试它。但是，我只能在那里看到.ts文件。
如何查看和调试.ts文件编译到的.ts文件？
我的“启用JavaScript源映射”选项在DevTools设置中是打开的。
浏览 2提问于2019-12-28得票数 2
1回答
我用TypeScript模板创建了一个基本的
npx create-react-app cra-test --template typescript
我只添加了一个简单的MyButton组件，并向它传递了一个on处理程序。当我用Chrome对其进行分析时，到分析器中的源代码的DevTools链接是不正确的，而且不像没有源映射的地方那样工作。
当我在onClick处理程序堆栈中运行onClick时，跟踪看起来很好。
如何在分析器选项卡中获得指向源文件的正确链接？
谢谢!
浏览 1提问于2021-03-30得票数 2
回答已采纳
我正在尝试调试电子的browserWindow中预加载的类型记录文件，但是我无法正确地将编译的文件映射到源文件。
我在控制台收到警告
DevTools failed to parse SourceMap: file:///C:/Users/aabuhijleh/Desktop/Projects/testing/electron-typescript-quick-start/views/preload.js.map
铬显然是在寻找相对于加载的html文件的.map文件？
这就是我的项目结构
更新:在macOS上，我不会收到这个错误，但我仍然会在Windows上得到它
浏览 0提问于2020-04-09得票数 3
回答已采纳
我正在做一个项目，使用Typescript和一些由Typescript暴露出来的ES6特性，比如ES6字符串文字，比如`Something ${variable} Something else`。
在调试一个问题时，我在我的typescript文件中放置了一个断点，以便在源代码面板中逐步通过它，这通常工作得很好。
但是Chrome Dev Tools在ES6字符串文字方面有一个问题，似乎无法识别ES6字符串文字的结尾。
相反，字符串后面的所有代码都被标记为红色(调试器中的字符串高亮显示)，并被阻止变量检查，因为chrome调试器似乎认为它都是一个巨大的字符串。
有没有人遇到过这个问题，找到了修
浏览 19提问于2016-11-29得票数 58
我一直在尝试使用Aurelia构建选项进行开发/构建工作流程。我们的结论是，我们更希望开发人员在网站捆绑时测试它，而不是将所有单独的文件提供给浏览器。此外，我们使用的是TypeScript。并且我们希望拥有源码映射所提供的浏览器端调试体验。我正在使用的是一个包含许多Aurelia组件的大型应用程序，因此在活动的开发更改/刷新或监视周期中，页面刷新的几秒钟时间似乎会增加。而且似乎如果开发人员在捆绑包中工作，那么捆绑包问题就会立即被发现。
使用Aurelia-cli (v23)，并使用TypeScript创建一个新项目，然后构建用于浏览器调试的RequireJS包和源代码映射。即，在运行au ru
浏览 15提问于2017-01-20得票数 2
2回答
我有CSS源代码地图启用，但谷歌Chrome的行为就像他们被禁用。在我看过的所有资源中，我需要做的就是在DevTools首选项中启用源映射。那里显然启用了以下功能：
源地图位于我的CCS文件旁边，如下所示：
在DevTools > Elements >Style中，只有CSS文件，没有SCSS或SASS：
下面是我在Gruntfile.js中的grunt-contrib配置：
sass: {
dist: {
files: [{
expand: true,
浏览 2提问于2018-10-29得票数 5
回答已采纳
第一次下载Google Chrome时，源地图的默认设置是什么？
在Chrome调试器的常规设置面板中有一个复选框，上面写着'Enable JS source map‘--当你第一次安装Chrome时，默认情况下是选中还是不选中？我的是勾选的，但我不记得是从一开始就是这样，还是我手动勾选了--将Chrome设置重置为出厂默认设置似乎并不能重置调试器设置，因此无法判断。
这是我正在写的一个教程。
浏览 0提问于2013-12-12得票数 1
1回答
我目前正在工作的一些前端类型文本项目。在Visual中，只有两个项目可供选择:带有TypeScript的(我目前正在使用)和Node.js的VS扩展(这对于前端应用程序开发来说并不理想)。
第一个选项工作良好，包括JS文件的调试，但它还包括用于后端和IIS模块的C#代码，对于前端项目，我根本不需要这些代码。C#的构建极大地降低了解决方案的构建速度，特别是在解决方案中存在多个项目时。
我有3个问题与此有关：
( a)你们中有谁看到过VS扩展，允许开发和调试纯TypeScript项目，可以在IIS中调试(最好也使用边缘支持的Chrome调试协议)？
( b)如果没有，因为我对扩展开发和MSBU
浏览 2提问于2017-03-08得票数 0
我一直在开发一个应用程序，我只是在我的typescript文件中添加了一个函数并运行它。
源贴图处于启用状态。
在Chrome中，按F12，浏览到脚本，它显示了我添加函数之前的.ts文件。.js文件显示了我的新函数。
强制刷新，删除.map文件并重建，确保磁盘上没有该文件的其他副本，关闭并重新打开chrome，重建，但它仍然显示没有新功能的文件的旧副本。它似乎也没有执行JS，但我无法调试它来找出原因。
有没有人能建议我如何调试这个问题？
浏览 21提问于2018-08-20得票数 0
回答已采纳
我正在试着调试一个用Vue写的网页。我想使用Vue DevTools查看Vue数据。我在Chrome上安装了它，它可以检测到我的网页： ? 然而，当我点击F12打开DevTools时，Vue选项卡不能出现在面板上： ? 我还尝试在本地安装VUE devtools (从github下载，使用npm run build)，并获得相同的结果。有什么解决这个问题的建议吗？
浏览 214提问于2019-10-17得票数 0
1回答
我们的React/React Native项目是用Typescript构建的。我们有一个使用React Native构建的移动项目，以及一个供React Native client和React前端使用的共享私有包。
由于我们经常更改共享包，因此我们在本地将包链接到文件系统中的"our_shared_package": "*"和符号链接node_modules/our_shared_package等依赖项中。即使包是用Typescript编写的，我们在创建通道后手动运行tsc以在运行项目之前生成相应的JS。
一切都运行得很完美，尽管每当我调试并进入tsc生成的代码
浏览 17提问于2019-07-08得票数 4
回答已采纳
4回答
我试图让我的Webpack项目有一个源图文件。
我最终得到了正确的设置，这样它就可以这样做了，但是现在我得到了这个错误：
DevTools未能解析SourceMap：
我转到它声明的URL，找到一个具有以下属性的json文件：
版本-设置为3
来源-非常长的字符串阵列，似乎是webpack路径到我的文件。
名称-似乎是随机变量和函数的非常长的字符串数组。
映射-看似随机的大写字母和逗号的长串。
文件设置为bundle.js
sourcesContent -非常长的字符串数组(超过1000万个字符)。我所有的源代码。
sourceRoot -设置为空字符串
浏览 8提问于2017-05-30得票数 49
我在我的typescript项目(angular应用程序)中遇到了一个奇怪的行为。我有这样的代码：
const idx = myclone.findIndex(x => x.id === action.id);
const hasVal = idx>-1; // this line gets skipped by chrome debugger
if (idx>-1) { // this will always be false, even though idx===0
myclone[idx].upload = action.status;
return {
浏览 3提问于2021-07-06得票数 0
使用VS 2012、网络软件包、TypeScript 0.8.3
有一个TypeScript文件"test.ts“。它被编译成"test.js"，末尾有一个sourceMappingURL。
//@ sourceMappingURL=test.js.map
使用$.getScript动态加载Javascript文件。但是，在Chrome开发人员工具中，我在任何地方都找不到源代码，因此无法设置断点。
如果我通过附加sourceURL来手动编辑生成的Javascript，情况会有所改善。
//@ sourceMappingURL=test.js.map
//@ source
浏览 0提问于2013-03-17得票数 2
回答已采纳
2回答
我一直在试图从文档和样本中找出这一点，但是那里还不够(或者我遗漏了什么？)
我想要创建一个devtools面板，但是我仍然希望像在内容脚本中那样访问被检查窗口的dom。现在，我的选择是在被检查窗口的上下文中执行某个操作，但是如果我能够避免的话，我真的不想这么做。如果我能在devtools页面/脚本中使用一个内容脚本，那是个好主意，但它似乎不像我期望的那样工作--我似乎不能使用背景页面在devtools页面和我的内容脚本之间发送消息。
另外，是否有一种方法可以像在元素面板或控制台中一样显示那些酷酷的dom子树，以及可怕的悬停/突出显示功能？
更新
因此，我可以从面板页面连接到内容脚本，方法是转发
浏览 2提问于2012-05-11得票数 2
回答已采纳
1回答
我正在尝试使用Webpack为TypeScript建立一个构建过程。大部分零件都很正常。然而，我无法使源地图在卡玛测试跑步者中正常工作。
问题描述
假设我有一个类型记录文件test.spec.ts (1)。该文件由TypeScript转换到一些带有内联源映射的ES5源(2)。最后，该ES5源由Webpack 4使用权威源地图(3)捆绑，并由Karma测试运行者提供给Chrome。
通过查看Chrome中Karma Debug Runner中的源，我可以看到浏览器实际上可以使用所有三个转换阶段：
(1)源映射为webpack://test.spec.ts?c161。
(2)源映射为web
浏览 0提问于2018-05-16得票数 4
回答已采纳
尝试设置vscode来调试vue项目。
我使用vue ui是因为它实际上非常方便。
我有两个问题：
断点最终成为Breakpoint set but not yet bound。很明显，调试控制台中的文件链接不起作用，src\node_modules\cache-loader\dist\webpack:...打开。这甚至不是一个有效的路径-在src.中没有任何
我读过这一页：
我大部分的启动配置都是从那里得到的。
{
"version": "0.2.0",
"configurations": [
{
浏览 4提问于2020-03-01得票数 2
回答已采纳
我正在将我的工作流程转移到Sass中使用源地图，它运行得很顺利，但每次我在Chrome Devtools中进行更改时，我都会在覆盖我的main.scss时遇到麻烦。
我的文件结构是这样的：
scss - main.scss
|- inc
|-_mixins.scss
|-_typo.scss
|- etc...
main.scss包含多个@import "inc/mixins";行，显然每行都有不同的文件名。
我使用sass --sourcemap scss/main.scss css/main.css创建了一个源地图，然后开始使用sas
浏览 1提问于2014-06-02得票数 2
我现在在连接到chrome-devtools IRC通道时遇到了问题，否则我会先问这个问题。
谁知道我在哪里可以找到一个全面的列表，可用于主题Chrome DevTools的css选择器？
谢谢。
浏览 3提问于2013-10-10得票数 1
我已经搜索了网络寻找一个易于理解的JQuery地图的定义和它做什么，但无法找到一个我可以轻松理解。
当我使用Chrome DevTools时，我看到JQuery.min.map已被加载，但返回时会出现状态错误NOT FOUND。
//@ sourceMappingURL=jquery-1.10.2.min.map
我在我看过的JQuery版本中看到了这一行。所以我的问题是，地图的意义是什么？为什么JQuery映射不是在页面源代码中，而是像上面那一行在JQuery源代码中那样，而只加载在DevTools中？它有什么用处，它是做什么的？
浏览 1提问于2014-07-11得票数 1
回答已采纳
我可以很容易地在Chrome和Firefox中调试我的Angular 2(从Angular-CLI生成的项目) Typescript文件，但我无法在IE 11中调试我的任何typescript文件。我在列表中看到的所有文件都是.js类型的。有人能指导我做错了什么吗?或者如何在IE中调试应用程序？
浏览 6提问于2017-09-24得票数 10
我遇到了一个问题，当我使用Chrome devtools调试器时，由Webpack使用inline-source-map配置设置生成的源地图关闭了一行。在Ruby on Rails应用程序中设置了Webpack，以生成一个由几十个模块组成的连接的、未缩小的JavaScript文件。这些模块中的大多数都是ReactJS组件，并由jsx加载器解析。然后，Webpack的输出与一些由gem生成的其他JavaScript库一起包含在application.js文件中。
当我使用eval-source-map时，没有任何问题。有关使用inline-source-map的某些内容会导致行号减少1。
检查不
浏览 1提问于2014-05-22得票数 96
我有一个应用程序，它使用来显示从磁盘提供的HTML web视图。使用CEF，我们可以使用CEF提供的URL在Chrome中打开调试器。在示例中，CEF返回URL http://localhost:9088/devtools/devtools.html?ws=localhost:9088/devtools/page/b52a00728493b15d40c8c9e7b32c2b10，我们可以在Chrome中打开该URL来使用类似的Chrome调试环境来调试运行的代码。
也就是说，我想知道是否有可能在WebStorm中使用某种远程调试功能进行相同的调试。我猜http://localhost:9088
浏览 2提问于2014-09-26得票数 1
我无法在VS Code中启动Dart Dev工具，当我在调试模式下启动时，它会打开一个chrome窗口，显示为Connect to a running app Enter a port or URL to a running Dart or Flutter application.
当我将鼠标悬停在Dart DevTools按钮上时，它显示了一个端口，但我仍然无法连接到它。
有什么想法吗？
浏览 67提问于2019-07-29得票数 12
我刚刚从样板开始了一个项目，我发现这个项目似乎无法让调试器在WebStorm中命中我的断点。我将parcel v2与TypeScript和WebStorm调试器结合使用。
这是我的包裹json：
{
"name": "phaser3-typescript-parcel2-boilerplate",
"version": "1.0.0",
"description": "A boilerplate for Phaser 3 using Parceljs v2",
"script
浏览 7提问于2022-01-19得票数 0
Cordova项目的typescript源代码保存在www文件夹之外。生成的映射文件指向它无法访问的源。如何设置生成后事件以复制www文件夹中的typescript源文件并更新生成的映射文件，以使调试器能够在命中断点时加载正确的typescript源文件？
解决了第一个要求，将typescript源文件复制到www文件夹中。编辑.jsproj项目文件并添加以下内容：
<ItemGroup>
<TypeScriptSourceFiles Include="$(ProjectDir)scripts\**\*.ts"></TypeScriptSour
浏览 1提问于2015-08-19得票数 5
2回答
我似乎不能调试mocha脚本。
我可以像这样运行带有检查器的节点node --inspect script.js。这就给了我一个可以进行调试的url，类似于chrome-devtools://devtools/remote/...
但是，当我将mocha与这行mocha --inspect test.js一起使用时，我无法进行调试。上面写着“调试器监听:5858”。有没有办法让我使用节点的检查器来调试mocha测试？
转到localhost:5858会给出以下信息：
Type: connect
V8-Version: 5.1.281.84
Protocol-Version: 1
Embeddi
浏览 1提问于2016-12-08得票数 18
回答已采纳
1回答
我收到了类似于DevTools failed to load SourceMap: Could not parse content for http://localhost:8000/index.js.map: Unexpected token < in JSON at position 0的警告，其中chrome试图获取一个不存在的源映射。为什么铬决定在这种情况下应该有一个源地图，我怎么能阻止它这样做呢？
浏览 2提问于2020-08-24得票数 4
回答已采纳
以下代码在GraalVM javascript引擎上执行Javascript代码段：
try (Context context = Context.newBuilder("js").option("inspect", "4444").build()) {
Value hello = context.eval(Source.newBuilder("js", "some minified javascript", "sample.js").build());
// E.g
浏览 2提问于2021-08-12得票数 3
回答已采纳
2回答
我在打字稿上有你好世界节目：
function say(msg: string) {
alert(msg);
for (let i:number=0;i<10;i++)
document.write(i+"<br/>");
}
var msg:string="hello typescript world!";
say(msg);
此代码位于src文件夹中。当我运行编译器时，它成功地生成*.js和*.map文件并将它们放入src folder.Also中，在项目的根目录中有index.html。
<html&
浏览 5提问于2017-09-12得票数 0
我将TypeScript添加到当前全JavaScript web应用程序的构建过程中，该应用程序的构建过程是围绕Webpack构建的。我一直在关注打字稿的文章，并对建议的Webpack配置提出了一个问题，为了您的方便，请将其复制如下：
module.exports = {
entry: "./src/index.ts",
output: {
filename: "./dist/bundle.js",
},
// Enable sourcemaps for debugging webpack's outpu
浏览 1提问于2018-07-05得票数 24
在Windows 10上，我有一个令人讨厌的问题，Chrome不允许我从chrome扩展协议处理程序开始提取地图文件：
chrome-extension://ophhkjncpgcjadncildcofemdojplgpp/main.js.map： DevTools加载SourceMap:无法加载内容失败:状态代码404，net::ERR_UNKNOWN_URL_SCHEME
如何调试基于角度的Chrome扩展网页？
用Chrome 89和90进行测试。使用角11。
使用作为启动项目。
浏览 2提问于2021-05-10得票数 1
1回答
在单击时更改为网页
、、、
我真的对Typescript感到困惑。现在我想在点击按钮上创建事件来改变google网站。但如果按下按钮，控制台显示将显示以下错误消息。控制台DevTools上的错误消息无法加载SourceMap:无法加载chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: DevTools的内容错误:状态代码404，net::ERR_UNKNOWN_URL_SCHEME ? 我的开发环境是使用vue.js、vuetify.js和Typescript的Nuxt.js。我是初级工程师，几个月前
浏览 14提问于2020-06-30得票数 1
回答已采纳
我正在使用Visual Studio代码中的Chrome调试器插件来调试一个Angular应用程序。在升级到使用angular/cli@1.7.0之后，我们在调试时不能再在VS代码中命中typescript代码中的断点。如果我们回滚到angular/cli@1.6.7，断点就会重新开始工作。
下面是我的ng -v输出：
Angular CLI: 1.7.0
Node: 9.2.0
OS: win32 x64
Angular: 5.2.5
... animations, common, compiler, compiler-cli, core, forms
... http, language-
浏览 3提问于2018-02-21得票数 6
我正在使用Chrome DevTools调试一个Angular项目，但是我的TypeScript文件中的断点没有命中。我可以在项目中的其他TypeScript文件中添加断点。https://imgur.com/a/w66jFhK：Sources>Filesystem中的文件位于灰显的文件夹中，实际文件显示它没有与源文件链接，并且图标上没有绿色圆点来表示链接 我已经尝试了很多东西，但如果有新的想法，我会很感激。
浏览 37提问于2019-05-09得票数 1
我使用了几个没有.map文件的第三方缩小的Javascript文件。当我在火狐DevTools中调试时，它总是显示以下错误：
Source map error: request failed with status 404
Resource URL: https://foo.domain.com/widgets/widgets.min.js
Source Map URL: widgets.min.js.map
这真的很让人分心，因为有很多这样的文件，它们确实污染了控制台。
有什么办法可以关闭这些警告吗？
浏览 0提问于2018-06-19得票数 11
回答已采纳
我开始学习angular，并在Visual Studio中创建了一个简单的项目，它在那里运行得很好。它只是一个html文件和一个单独的JS文件。我决定尝试Visual Studio Code，因为这看起来是一个更好的前端工作编码环境。但是无论如何我都不能让Chrome调试器显示这个页面。
这是当前的launch.json (尝试了几次url和webroot的更改都没有成功)：
{
"version": "0.2.0",
"configurations": [
{
"type"
浏览 0提问于2017-05-25得票数 1
net::ERR_HTTP_RESPONSE_CODE_FAILURE DevTools未能加载SourceMap:无法为加载内容: HTTP错误:状态代码404
浏览 2提问于2021-05-12得票数 2
是否有一种方法可以在Visual Studio中使用Chrome来交互调试JavaScript和TypeScript，类似于Internet Explorer目前提供的功能？使用IE，我可以在集成开发环境中的JavaScript或TypeScript中设置断点，并在集成开发环境中单步执行代码。我不能在Visual Studio中使用Chrome获得相同的行为。
浏览 1提问于2015-04-03得票数 16
回答已采纳
我的SAPUI5应用程序通过消耗模块。在DevTools网络选项卡中，我看到许多文件的发起者是调试版本(例如jquery-dbg.js)。我用SAPUI5诊断工具检查，调试是禁用的。
URL中也没有提供sap-ui-debug=true标志。
我甚至尝试将以下代码添加到index.html的index.html部分，但这没有帮助：
window["sap-ui-config"] = {
"productive" : true
};
如何从jQuerydbg.js切换到使用jQuery构建的产品/小型化？
浏览 0提问于2019-01-30得票数 2
回答已采纳
1回答
我想使用Visual开发一个带有类型记录的Node.js应用程序，只想要任何现代IDE的正常调试行为:调试代码、设置断点、查看vars等等。在之后，我在运行任务：The npm task typescript didn't contribute a task for the following configuration时出错。
因此，我在tasks.json文件中调用一个自定义npm脚本：
launch.json
"version": "0.2.0",
"configurations": [
{
"type":
浏览 0提问于2018-01-30得票数 1
我正在开发webkit调试器，它通过webkit调试协议进行通信。我的调试器与移动Chrome一起工作。我只是想
adb forward tcp:9222 localabstract:chrome_devtools_remote
然后我可以连接到localhost:9222/json并列出可用的页面，并通过webkit调试协议连接到适当的web套接字。对于新的Android4.4 Web视图，我如何做同样的事情呢？我知道如何使用chrome来调试android web视图。我的问题是如何使用API直接连接webview的调试协议。localhost:当我的web视图在设备上打开时，9222/j
浏览 0提问于2013-11-28得票数 2
回答已采纳
1回答
在昨晚更新Chrome并应用windows 7更新之后，几乎总是不会加载，只能从appspot加载UI。经过研究、回滚几个恢复点、尝试不同的发布通道、启动到安全模式、卸载重新安装、切换到64位构建、禁用扩展、删除devtools本地存储、禁用commodo服务等等，问题依然存在。当devtools加载了几次之后，我在窗口回滚之后受到了鼓励，但随后又停止了工作。
rot实际上是在第一次从48或更早的49更新Chrome之后开始的，调试器不再显示除引导程序之外的css条目的文件名，尽管加载了几个css文件。不久后，可能从窗口更新，devtools完全打包。
现在除了一个完整的窗口重新安装或更新到W
浏览 4提问于2016-03-29得票数 2
我无法将remote-redux-devtools调试器连接到chrome中，并得到以下错误：
SocketProtocolError {
name: "SocketProtocolError",
message: "Socket hung up",
code: 1006,
stack: "SocketProtocolError: Socket hung up
at SCSocke…e?platform=android&dev=true&minify=false:2648:44)"
}
我的
浏览 10提问于2020-01-28得票数 0
回答已采纳
我正在使用webpack在一个.Net项目中捆绑我的javascript文件。最近我遇到了一个bug，我想使用chrome工具进行调试。
在webpack配置文件中，我添加了下面一行以生成源映射。
devtool: 'source-map'
运行npx webpack后，在我的dist文件夹中生成以下文件。
所以我确信这些文件是生成的。当我在chrome调试器中打开resources.entry.js时，我会看到以下内容。
然而，我似乎并没有找到源地图，所以我可以放置一个断点。我在树上找不到它。
我似乎不能像Chrome建议的那样做一个ctrl + p
浏览 13提问于2020-02-14得票数 10
回答已采纳
事实上，我是谷歌Chrome DevTools的忠实粉丝，但这是一个非常广阔的学习领域。我对它知之甚少。我知道如何取出调试点，搜索(Ctrl+Alt+F)和调试等基本内容。
但是在我的一个项目(它在asp.net MVC中)中，它在Ajax请求中请求不同的视图，并且在该视图中有一些js加载。我想调试它们，但我无法调试。实际上，我不知道在哪里可以看到它们--特别是在ajax调用之后加载的JS (它不是内联javascript，而是单独的js文件)。
我找到的一个解决办法是--如果我在js文件中放入1 "debugger;“，那么它就会以不同的数字以VM3012或类似的名称打开。只有我能看
浏览 3提问于2018-06-04得票数 3
尝试用调试应用程序。显示“不支持的DevTools后端版本”。
我是怎么到这里来的
我使用expo init (expo@5.2.0)和TypeScript空白模板创建了一个新的应用程序。使用expo ios启动应用程序，打开“Debug Remote JS”
我试过了：
将包括：yarn global add react-devtools@^4.22.0Change package.json：
"dependencies": {
"expo": "~44.0.0",
"expo-status-bar":
浏览 11提问于2022-03-02得票数 1
回答已采纳
我在manifest.json中有以下权限：
"permissions": [
"*//*/*",
"http://*/",
"https://*/",
"activeTab",
"tabs",
"storage",
"bookmarks"
]
我仍然不能从背景页面executeScript，但不知何故，它可以从弹出页面工作。我得到了以下错误：
运行runtime.lastError时未选中的tabs.executeScript:无法访问
浏览 11提问于2017-12-28得票数 1
在使用Puppeteer或Chrome DevTools API时，您可以获得resourceType的值(在Request对象上为Puppeteer，在Page对象上为Chrome DevTools)。
如何由“呈现引擎”(在文档中称为)来建立这个值？
可能的值是：Document、Stylesheet、Image、Media、Font、Script、TextTrack、XHR、Fetch、EventSource、WebSocket、Manifest、Other
API文档：和
关于堆栈溢出的类似问题：
浏览 0提问于2017-11-02得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
