RequireJS JQuery shim不适用于VS2013

时间:2013-08-11 10:51:59

标签: javascript requirejs visual-studio-2013

我正在尝试使用requireJS垫片进行自举,但我遇到了一些麻烦。

每当我在visual studio中运行它时,由于新的__vwd/js/artery javascript(Visual Studio注入到页面中)也会引用JQuery。

有没有办法让我的requireJS垫片与动脉一起工作?

下面是一些示例html,它将重现问题(如果你直接在浏览器中打开它可以正常工作,但如果你通过Visual Studio运行它会破坏(在我的情况下我在MVC应用程序中运行它)

我可以通过禁用动脉来解决这个问题,但我正在寻找的方法是让它保持启用状态,并且能够设置我的垫片。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
    <script>
        var require = {
            paths: {
                "jquery": "http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.1/jquery.min",
                "bootstrap": "http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min"
            },
            shim: {
                "bootstrap": ['jquery']
            }
        };
    </script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.8/require.min.js"></script>
    <script>
        require(['bootstrap'], function () {
        });
    </script>
</head>
<body>

    <div class="alert fade in" style="margin-right:20px;">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
    </div>

</body>
</html>

1 个答案:

答案 0 :(得分:3)

因为在VS2013中默认启用Browser link

  • 如果您正在对您的网络应用程序进行调试,您可以取消选中“启用浏览器链接”,它将在以后的所有请求中关闭“浏览器链接”。

  • 您还可以在web.config文件中使用以下appsetting。设置app将“vs:EnableBrowserLink”设置为“false”。这将禁用浏览器链接。

<appSettings>
<add key="vs:EnableBrowserLink" value="false" />
<!--other settings -->
</appSettings>