less.js 在 Firefox 中导致“无响应脚本”错误答案

【问题标题】：less.js causing 'unresponsive script' error in Firefoxless.js 在 Firefox 中导致“无响应脚本”错误
【发布时间】：2012-07-13 03:36:16
【问题描述】：

自从我开始在 Symfony2 项目中使用 twitter bootstrap 和 less.js 脚本后，我的页面上出现“无响应脚本”错误。 Firebug 告诉我导致错误的文件是 less-1.3.0.min.js。我正在使用assetic 来处理我的资产：

        {% block javascripts %}
        {% javascripts filter='?yui_js' output='js/all.js'
            '@YOPYourOwnPoetBundle/Resources/public/js/jquery-1.7.2.min.js'
            '@YOPYourOwnPoetBundle/Resources/public/js/bootstrap.min.js'
            '@YOPYourOwnPoetBundle/Resources/public/js/jquery.cluetip.min.js'
            '@YOPYourOwnPoetBundle/Resources/public/js/jquery.imagesloaded.min.js'
            '@YOPYourOwnPoetBundle/Resources/public/js/less-1.3.0.min.js'
        %}
            <script type="text/javascript" src="{{ asset_url }}"></script>
        {% endjavascripts %}

我检查了解决此类问题的解决方案，但我读到的只是我必须使用 Firebug 调试我的脚本。就我而言，它是导致此问题的广泛使用的脚本，因此我无法真正调试它。

知道为什么会发生这种情况，以及如何解决这个问题吗？

编辑：

这是为我的页面生成的 html：

<body>
    <div class="container-fluid">
    <script src="/yourownpoet/web/app_dev.php/js/all_jquery-1.7.2.min_1.js" type="text/javascript">
    <script src="/yourownpoet/web/app_dev.php/js/all_bootstrap.min_2.js" type="text/javascript">
    <script src="/yourownpoet/web/app_dev.php/js/all_jquery.cluetip.min_3.js" type="text/javascript">
    <script src="/yourownpoet/web/app_dev.php/js/all_jquery.imagesloaded.min_4.js" type="text/javascript">
    <script src="/yourownpoet/web/app_dev.php/js/all_less-1.3.0.min_5.js" type="text/javascript">
    <script type="text/javascript">
    <script type="text/javascript" src="http://www.yourownpoet.com/piwik/piwik.js">
    <script type="text/javascript">
    <noscript>&lt;p&gt;&lt;img src="http://www.yourownpoet.com/piwik/piwik.php?idsite=1" style="border:0" alt="" /&gt;&lt;/p&gt;</noscript>
    <script>
</body>

可以在地址看到页面的源代码：http://www.yourownpoet.com javascript文件的路径是：http://www.yourownpoet.com/js/all.js

【问题讨论】：

你能发布实际生成的 HTML 文件的样子吗？对于我们这些不了解您的系统的人，您发布的内容毫无意义，因此我们无能为力。但是，如果您发布浏览器实际看到的内容（在浏览器中执行视图/源代码），那么更多的人可能会提供帮助。
使用 Firebug 检查 <head> 元素，并确保 less-1.3.0.min.js 文件的路径正确。有没有试过把js文件的路径附加到你的url，看看能不能通过浏览器访问？
@Jeemusu 路径正确，可以通过浏览器访问脚本。
查看你提供的url时没有加载js文件。
@Jeemusu 路径是 www.yourownpoet.com/js/all.js Assetic 将我所有的 js 资产合并到一个文件中。触发错误的行是第 60 行

标签： jquery symfony less assets

【解决方案1】：

在 node、lessc 中使用 less.js 或者如果它的 asp 或 PHP 站点考虑使用端口 - 分别为 dotless 或 phpless，请提前编译您的 CSS。它会加速您的网站，而且您永远不会遇到这些问题。

【讨论】：

是的，我正在考虑这个选项，但奇怪的是，如果我用 node 或 javascript 编译较少的文件，我的页面呈现的效果不一样。我一定是做错了什么吧？
恐怕......它应该这样工作 - 您必须将输出 css 与浏览器上的输出进行比较，并找出发生了什么变化以及原因。
感谢您使用预编译的 css 解决了无响应的脚本问题。我必须删除 responsive.css 以使元素出现在页面中的正确位置，现在它工作正常。