问题标签 [stealjs]

我正在使用 canjs 2.1.0 和stealjs 0.3.0 玩一个应用程序：

我有如下stealconfig.js：

我的 main.js 是：

布局 .js 看起来像：

但是，我得到了这些错误。

我该如何解决这个问题？

我使用StealJS 的小标签来加载我的 JS 文件，一切似乎都正常，但今天我意识到我根本无法在 IE 11 和 Firefox 36 中调试我的代码。直到现在我只使用基于 Chrome 的新 Opera /Blink，当前版本 27，在调试方面效果很好。但：

Firefox 的内置开发工具根本不显示我的 JS 文件。它们只显示steal.js，然后直接显示一条名为“evals”的灰色行，以及我在stealconfig.js 中使用和导出的两个JS 库的另外两行。

Firefox 的 Firebug 显示我的文件，我可以设置断点，但似乎有一些错误，因为如果我设置/取消设置断点，则会显示一个永远不会结束的小动画。如果我重新加载页面，通常会显示一个红色圆圈的断点图标，因此看起来断点已成功设置，但代码根本不会在断点处停止。但它是运行的，因为在断点处实现的功能是可用的。

在 IE 11 中，我的 JS 文件显示在“动态脚本”树中，我也可以设置断点，但是每次我重新加载当前页面时，断点的图标都会更改并获得一些带有警告标志的缺陷三角形，就像断点一样将不再工作或类似。当然，在我重新加载页面后，IE 也不会停止代码，如果我打开我的 JS 文件，断点将不再显示，这至少在 Firefox 的 Firebug 中有效。

这些问题在 Opera/Chrome 中都没有发生，我总是能看到我所有的文件，可以设置断点并且代码按预期停止。此外，所有浏览器都显示对我的 JS 文件的单独请求，没有任何东西被捆绑到一个大文件中，在开发过程中它们都是独立的文件。

StealJS 以及它如何加载文件与其他浏览器完全不兼容？他们是否需要添加对 Steal 如何处理文件加载的支持？我使用了带有 JavaScriptMVC 的 Steal 的旧版本，并且该版本没有出现这些问题。

当我通过stealjs构建压缩的javascript和css时，我没有找到真正的api的fixture错误消息，而不是fixture url。为什么会发生以及如何解决？

错误信息是：

我有这样的错误：

主页.js：

Gruntfile 中的构建配置：

我不知道为什么我在生产模式下收到此错误消息。在开发环境中，它工作正常。此外，它在测试环境中很好。我正在与被测试者一起运行 QUnit 测试。

home_test.js：

但是，如果我将 home.js 更改为这样：

它在生产和开发环境中运行良好，但在测试中最后一个测试用例失败。

我使用steal.js作为我的资产之一。以前我直接从公共文件夹中使用它（即没有预编译）。现在我需要将其文件移动到供应商资产，以便可以对其进行预编译。

为此，我使用 gemexecjs预编译.ejs文件和 gemless-rails预编译.less文件。

之后，我成功地预编译了所有资产，但不幸的是，steal.js 引发Uncaught TypeError: Cannot read property 'path' of undefined了错误并导致系统崩溃。

谁能帮我解决这些问题？

我尝试使用最新的 CanJS（2.2.7）和最新的 StealJS（我认为是 0.10），但似乎缺少一些功能，例如：

CanJS 使用steal.config() 而StealJS 的steal.config 函数似乎不带未定义的参数。

文档非常少，我在那里找不到任何答案。最新版本的 StealJS 是否与 CanJS 不兼容？

我在我的应用程序中使用了 StealJS + Bower 集成，但是我的几个 Bower 组件（包括es6-collections）不包含 bower.json 文件。因为es6-collections是我项目的 bower.json 文件中的依赖项之一，所以 StealJS 尝试加载es6-collections组件的 bower.json 文件，因为它不存在而找不到它，并抱怨：Unable to load the bower.json for es6-collections.我尝试使用System.config({ path: { 'es6-collections': '...' } })来通知 StealJS 脚本的路径加载时使用es6-collections，但这无济于事。我该怎么做才能让 StealJS 加载这个组件？

我正在使用 StealJS 加载 Openlayers 库。它似乎正在加载调试 - 未构建版本的 openlayers 与构建版本不同。

使用内置版本时，它可以正常工作并返回实际的 ol 对象。使用调试版本时，它返回一个包含 ol 的包装器对象。这会中断对 ol.map 等的所有调用。

我正在像这样导入 ol 文件：

这是在 chrome 中使用 console.log 返回的 ol-debug.js 对象：

使用构建版本，对象是包含动画、地图、图层等的实际 ol 对象。

使用 npm 配置：

如果没有文件的调试版本，调试应用程序真的很困难。切换到调试版本会破坏所有小部件，因为 ol.map 现在需要变为 ol.ol.map，因为 ol 嵌套在父对象中。

我正在尝试编写同构/通用应用程序，将所有东西联系在一起有很多复杂性。

我需要的是常见的（不要与 commonjs 混淆）客户端和服务器的模块格式，具有动态加载和 es6/7 脚本（如 async/await 等）的可能性

我也希望它在运行时转换，而不需要任何打包工具，如 webpack

我试过 systemjs，但问题是 Systemjs 无法以与它使 node 需要相同的方式加载 nodejs 模块，例如

工作方式不一样

所以我尝试在服务器端（+babel 用于转译）和浏览器中使用 commonjs 格式

在我使用steal.js的浏览器中，它也使用systemjs，可以在客户端加载npm模块并在运行时编译它，但它不能自动编译commonjs模块，因为systemjs只会自动编译'esm/es6 ' 格式 ：（

我需要使用 systemjs/stealjs 强制转换 cjs 模块或使 System.import 以可接受的方式在服务器上工作的方法

或者也许我朝着错误的方向前进？

我有一些奇怪的问题是箭头函数：

在原型方法（本例中为 es6 类方法）中，箭头函数应该具有 this 绑定的上下文，但在本例中，'this' 在第一个 lambda 中是 undef

apply正在从另一个 es6 类调用：

this.days[i].apply(currentDaysBookings);