问题标签 [cassette]

我有一个奇怪的情况，我的 Javascript 在 Android 2.x 设备上以不可预知的方式失败。

一些描述是：

• Javascript 应用程序的某些部分可以工作，而某些部分则不能。这些“部分”被分解为具有单独构造函数的模块。

• Javascript 应用程序在一台服务器上失败，而不是在我们自己的网络中的另一台服务器上失败。

• Javascript 应用程序有时会在页面上的多个脚本文件中引发 ILLEGAL TOKEN 错误，但该应用程序在任何桌面客户端上都不会引发错误，并且被认为在语法上是正确的。

为了解决这个问题，我在地址栏中输入 about:debug 并刷新。繁荣。突然间，整个 Javascript 应用程序都可以工作了，包括每个模块和每个服务器上。

此外，现在Android“记住”了这一点，并且缺陷在90％的时间内都消失了，但偶尔会随机出现。

这是一个 ASP.NET Episerver 堆栈，我们使用 Cassette 连接和缩小大约 12-20 个脚本，其中大约 4 个“最终”脚本块被渲染到页面。

有没有人遇到过这样的事情？我唯一的策略是将脚本分解成几个额外的 HTTP 请求以减慢解析器的速度……但我真的不知道这里发生了什么。

谢谢！

我使用Cassette工具编译以下模板：

在我看来：

问题

我知道 KnockoutJS 支持$index，但是当模板编译时$index不再存在。

如何访问已$index编译的模板？

我正在迁移到 Cassette 的第 2 版。

但是我在网上找不到任何东西可以帮助我配置我的 Cassette 以编译 HTML 模板。

模板

一些模板 jQuery 模板为：

我会尽快修改它们以使用 jsRender！

其他作为 KnockoutJS

IConfiguration<BundleCollection>班级

在本地机器上工作正常，但部署时会弹出此错误消息：

关于我可以做些什么来解决这个问题的任何想法？

我刚刚建立了一个新的解决方案/项目来测试它（使用截至 2012 年 10 月 9 日的最新 azure sdk）。我从 Cassette 开始尝试缩小、压缩和组合我的 css 和脚本文件。在本地运行时，尝试访问我的页面时出现 500 错误。奇怪的是，即使关闭自定义错误、打开调试等，我也无法获得更多信息。然后我卸载了 Cassette 并尝试了 Combres（有人说他们已经让它与 Azure 一起工作）。同样的错误。只是为了好玩，我将我的启动项目更改为仅网络角色，并且页面加载得很好。

为了使这个工作网站在 Azure 下工作，我缺少什么设置？

编辑：当我删除任何将提供 minfying/combining 功能的包时，页面正确加载（在 Azure 模拟器上本地运行）。

我正在使用Cassette来缩小我的 JavaScript。我不希望 Cassette 缩小我的 JavaScript 文件之一，因为它会导致错误。我宁愿使用原始库作者提供的已经缩小的版本。

如何在不缩小文件的情况下将 JavaScript 文件添加到 Cassette？

这是我的文件夹在 Visual Studio 2010 中的设置方式：

我设置了一些引用，因为我希望 Bootstrap 首先出现，forms 和 tigo 必须出现在 main.less 之后。

当我在本地机器上运行这个应用程序时，这是参考：

它在我的机器上运行良好。

但是，当发布到 AppHarbor 时，引用（缩小的）CSS 文件仅包含来自 bootstrap.css 的信息

这是我对 Cassette 的配置：

这是我的 _Layout.cshtml 文件：

任何想法为什么它不能正常工作？为什么它抓住了 bootstrap.css 而忘记了其他三个文件。

最新编辑：我在问题末尾添加了我的解决方案，基于 chrisvillanueva 的回答

我有一个创建按钮的辅助方法，当单击此按钮时会出现一个对话框（jQuery UI 对话框），该按钮在页面上出现多次。
辅助方法包含我只想呈现一次的部分，例如 javascript 代码和单击按钮时出现的对话框的 HTML。（基本上唯一应该多次呈现按钮本身的 HTML 的东西）

为了确保只有在我使用 Cassette (http://getcassette.net/) 时才加载 javascript，但我找不到对话框 HTML 的好解决方案，我看到 Cassette 有 HTML 模板，但它非常复杂，因为HTML 在脚本标签中呈现。

目前我的解决方法是使用 Cassette 的 HTML 模板，并在我以 开头和结尾的模板中，这样它消除了包装块并且 HTML 由浏览器呈现 - 我知道，这很糟糕......：/
这是 HTML我目前正在使用 Cassette 的 HTML 模板

将不胜感激任何想法，最好使用 Cassette 或 MVC3 内置的东西（我不喜欢添加更多库）

编辑：也许还有一种简单的方法可以将jQuery UI的对话框与脚本块内的html一起使用（我尝试使用它并进行搜索，但除了将内容“推送”到另一个html元素之外找不到任何东西）

示例代码：

javascript只是在按钮上设置了一个点击事件$(".dialog").dialog()

我最终做了什么：
基于 chrisvillanueva 的回答。我使用 Cassette 的 HtmlTemplates 来呈现这个 HTML：

为了将它与 jQuery UI 的对话框（http://api.jqueryui.com/dialog/）一起使用，我使用以下代码：$($("#dialogHtmlTemplate").html()).dialog() 这会通过浏览器呈现 html 并在其周围创建对话框，它无需添加更多库，如不需要针对上述情况的 mustache.js 或 jQuery 模板（没有模板只是重复）。

性能方面我认为这不是最好的解决方案（它每次都复制内部 html）但现在它已经足够好了......

我正在使用最优秀的Cassette在 ASP.NET 中捆绑资产。但是，有时完全关闭 URL 重写会很方便。我知道有防止缩小或停止捆绑的解决方案，但我希望 Cassette HtmlHelper 简单地（临时）发出原始资产 URL。

例如，而不是发射：

盒式磁带将发出原件：

一些背景知识：我正在玩用于集成测试的 ASP.NET MVC 应用程序的 InProcess 引导。Cassette 的 '.axd' 和 Url 重写方面只是需要担心的另一件事，因此在某些测试中有效地关闭 Cassette 会很方便。

我开始在我们的项目中使用Cassette库。该库默认使用 Microsoft Ajax Minifier。我仅在 Firefox 浏览器中遇到破坏某些页面上的 html 布局的问题。我发现这个问题与 CSS3 函数 calc() 有关。在此函数中，+ 和 - 运算符必须始终被空格包围。我可以在这个缩小区域之外的某个地方重新定义这个属性，但我不想这样做。我想在文件中修复它。是否可以？