如何调试 ember-cli 生成和服务的 Javascript 代码?

2023-12-24

使用版本:0.0.28-master-e49f47e669

我刚刚开始玩 ember-cli (顺便说一句,很棒的项目)。

使用“emberserve”启动服务器后,我查看了 Chrome-Dev-Tools 中的源代码 (foo.js)。 Chrome 需要几秒钟的时间来加载 foo.js,正如您在屏幕截图中看到的,所有 JS 文件都包含在 eval 中。

如何调试 JS 代码?我在这里缺少什么?


我也有同样的感觉eval(…)Chrome 中的块。我不知道到底是什么原因造成的,但目前看来没有办法解决这个问题。

在 Firefox 中输出的代码ember server is在浏览器的调试视图中有些可读,但它可能不是您正在寻找的内容。

不幸的是,Ember-CLI 缺乏对 Javascript 源映射的完全支持,而这正是我们在浏览器的调试视图中查看我们实际用 Javascript ES6 或 CoffeeScript 编写的原始代码所需要的。目前,缺少源映射是 Ember-CLI 使用的底层构建工具 Broccoli 的一个限制。这显然是将来可能添加的功能:

现有插件缺少的另一件事是源映射支持。由于性能方面的考虑,以及链式插件需要消耗其他插件的源映射并正确互操作这一事实,这有点复杂,所以我还没有时间来解决这个问题。

Source: http://www.solitr.com/blog/2014/02/broccoli-first-release/ http://www.solitr.com/blog/2014/02/broccoli-first-release/

这些问题与您的问题有些相关:

  • https://github.com/stefanpenner/ember-cli/issues/585 https://github.com/stefanpenner/ember-cli/issues/585
  • https://github.com/stefanpenner/ember-cli/issues/839 https://github.com/stefanpenner/ember-cli/issues/839

Update

原来你可以看到almost浏览器调试视图中的原始代码。在 Chrome 中,它有点隐藏在(no domain)标题:

这不是您在 Ember-CLI 的 EcmaScript 6 模块中编写的原始代码,但几乎是相同的。我们在这里看到的是通过 ES6 编译器运行后的 Javascript 代码。比较这两个,原始在编辑器的底部:

希望将来我们能够在浏览器的调试视图中看到原始的 Javascript 甚至 Coffeescript,但工具还没有完全准备好。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何调试 ember-cli 生成和服务的 Javascript 代码? 的相关文章

  • 如何在 Ember 中为自定义构建环境指定压缩

    如何为自定义环境指定压缩 捆绑以及向文件名添加失效哈希值 生产环境将自动压缩和合并文件 并向文件名添加失效哈希值 IE 每当我使用ember build environment production来触发if environment pro
  • 带有 Ember CLI 插件的 SASS

    我想知道如何在 Ember CLI 插件中使用 SASS 我有我的风格 app styles文件夹 但我不确定这是否是放置它们的正确位置 我有broccoli sass安装在我的插件项目中 当我将文件夹包含在中时 我的虚拟测试网站可以正确编
  • 在 Ember-CLI 项目中编译 Compass

    我正在使用 ember cli v0 0 23 并且正在尝试获取西兰花指南针包与我的项目一起使用 但我遇到了一些问题 首先 在我的Brocfile 我已经替换了标准 Ember CLI 蓝图 版本 var styles preprocess
  • 在 contentEditable 元素中的光标处插入 Ember 组件

    我有一个内容可编辑div 我希望允许用户在其中键入文本 以及插入输入元素 例如文本框和下拉列表 通过允许用户单击可编辑 div 外部的按钮 元素将插入到光标当前所在的位置 按照这个一般示例 我让它运行得很好 http jsfiddle ne
  • ember-cli (2.4.3) 不生成 DS 模型

    我很惊讶在生成 ember cli 模型时没有获得 DS 模型 ember v ember cli 2 4 3 node 5 10 1 os darwin x64 ember g model rental 然后我得到 app models
  • 从app.js中减去代码

    为了解决一些与触摸相关的问题 我在 app js 中编写了一个脚本来重新打开并增强 EventDispatcher 该脚本相当长 并且污染了通常很干净的 app js 所以我想将我的脚本放在一个单独的文件中 然后以某种方式导入到 app j
  • ember-cli 使用 Bower 添加依赖项

    所以 我想在 ember 应用程序中玩一下 typeahead 我启动并运行了一个 cli 应用程序 然后运行 bower install typeahead js 可以看到代码已经放入bower components中了 然后我将以下内容
  • 如何将第三方 npm 包与 ember cli 应用程序一起使用

    EDIT 这实际上是关于任何不适合与 ember 一起使用的 npm 包 就我而言 我尝试让 crypto js 工作 但对于任何不是专门为 ember cli 设计的 npm 包来说 似乎总是遇到同样的问题 我想在我的 ember 应用程
  • 未捕获错误:断言失败:尝试使用已在使用的 id 注册视图:名称

    我随机开始收到此错误Uncaught Error Assertion Failed Attempted to register a view with an id already in use name在我的应用程序上使用 ember cl
  • HTMLBars 模板中不允许使用“SCRIPT”标签

    您好 感谢您点击我的问题 我刚刚将我的应用程序升级到最新的 ember cli 版本 2 3 0 beta 1 现在我的一个 或多个 模板搞乱了构建 接下来的事情似乎是一个微不足道的问题 但我从来没有完全解决它 所以我终于问了 正如标题所示
  • Ember CLI 应用程序中基于环境的主机

    我正在尝试在 Ember CLI 应用程序中配置适配器 以根据环境使用不同的主机 在开发中 我希望它成为默认的当前主机 让我通过 proxy选项 但在生产中我知道它会是http some url 我尝试导入我的ENV进入我的应用程序适配器
  • 如何自定义 application.hbs 模板的视图元素?

    在 ember cli 生成的应用程序中 application hbs 生成的 html 被包装在视图中 div class ember view div 如果我创建一个组件 我有一个 component name js 文件 我可以在其
  • 如何使用 Ember CLI 进行生产就绪构建?

    我一直在 Ember 中构建一个 Web 应用程序 并准备将其放在服务器上以供公众使用 我只想创建 dist 文件夹 然后我将通过 FTP 手动将其上传到服务器 我如何在 Ember 中为此构建一个 dist 我不知道如何打开缩小并从构建中
  • 输入助手 valueBinding 已弃用 - 有什么替代方案?

    我有一些像这样的文本输入助手 input type text valueBinding name focus out focusOutName 我刚刚将 Ember 升级到 1 11 0 现在收到此弃用警告 弃用 您尝试通过将 valueB
  • 在 Ember-CLI 内升级 Ember

    我刚刚创建了一个新的Ember CLI http www ember cli com app v0 1 12 并注意到 Ember 的引用版本是 v1 8 1 bower json 我想得到最近发布了1 10 http emberjs co
  • Ember CLI 实时重新加载不工作

    我见过其他类似的问题here https stackoverflow com questions 25439380 live reload not working with ember cli and here https stackove
  • 子目录中的 Ember 组件

    我读到现在支持在 components 中包含目录 文件夹 使用 ember cli 我可以生成所需的必要子目录 组件 但是 我似乎无法引用该组件 例如 如果我有这样的文件夹结构 app components sub test comp j
  • 找不到将 ember-cli 应用程序迁移到 TypeScript 的模块

    我想在我的 ember 项目中尝试 ts 我之前在小型应用程序上尝试过 所以我有 ember cli typify 0 3 1 typescript 2 0 3 typings 1 4 0 ember cli 2 4 3 在我的里面tsco
  • Ember 集成测试在访问路线后挂起

    我正在尝试做一个简单的集成测试 我从 ember cli 网站上的集成示例开始 现在 当我在浏览器 localhost 4200 tests 中测试时 以下情况会路由到我期望的位置 但随后它只是挂起并且永远不会成功或失败 import Em
  • Ember 模板中的访问常量

    不确定正确的 Ember Way 是什么来做到这一点 我有以下模板 我想要三个task item list组件实例 每个实例都有不同的taskState价值 显然 我想摆脱神奇的数字 h4 Tasks h4 div h5 Backlog h

随机推荐