为什么 javascript 、 jquery 和 css 文件在 MVC 4 中不能正常工作？ [关闭]答案

【问题标题】：Why arent javascript , jquery and css files working properly in MVC4? [closed]为什么 javascript 、 jquery 和 css 文件在 MVC 4 中不能正常工作？ [关闭]
【发布时间】：2014-11-11 16:10:37
【问题描述】：

我正在尝试使用 bootsrap 和 mvc4 创建一个网站，但不幸的是，不仅引导文件，而且我在布局文件中包含的任何 js 文件或 css 文件都无法正常运行。我不知道发生了什么可以建议我做什么？

我已经创建了一个包

bundles.Add(new ScriptBundle("~/bundles/new").Include("~/Content/bootstrap.js"));
bundles.Add(new StyleBundle("~/Content/css1").Include("~/Content/bootstrap.css"));

我已将它们添加到布局中

@Scripts.Render("~/bundles/new")
@Styles.Render("~/Content/css1")

我正在尝试添加导航栏，并且那里的轮播无法正常工作

【问题讨论】：

张贴你写的东西。
如果你告诉我们的只是它“动作不正常”，怎么会有人知道出了什么问题？您需要清楚地描述您的问题以及您尝试解决的问题。
只要将链接和脚本标签放在 _Layout 页面的中，任何使用该 _Layout 的控制器/视图也应该可以看到这些文件。
我在您的代码中看到 3 个拼写错误 sn-p... 这些是否存在于您的真实代码中？
我在标签 KidBilly 中使用过它们

标签： javascript jquery css asp.net-mvc-4 visual-studio-2012

【解决方案1】：

没有什么可做的，所以这里有一些使用捆绑包的技巧：

捆绑包名称：

确保包名称与项目中的实际文件夹或文件不匹配，因为 IIS 将返回实际文件夹/文件，而不是包。

为了避免这种情况，我使用这样的捆绑名称（因为我没有样式或捆绑文件夹/文件）：

@Styles.Render("~/styles/MainLayout")
@Scripts.Render("~/bundles/MainLayout")

文件放置：

通常您的脚本文件将位于项目中的scripts 文件夹下，而不是content。内容通常用于图像和样式。

例如，确保您的文件位于项目中的以下位置：

/Scripts/bootstrap.js

/Content/bootstrap.css

匹配的捆绑包（保留一点您的命名）如下所示：

bundles.Add(new ScriptBundle("~/bundles/new").Include("~/Scripts/bootstrap.js"));
bundles.Add(new StyleBundle("~/styles/css1").Include("~/Content/bootstrap.css"));

并用以下方式渲染：

@Scripts.Render("~/bundles/new")
@Styles.Render("~/styles/css1")

其他脚本？

脚本通常依赖于其他脚本，因此请确保在使用它们的之前包含那些。

例如如果使用，jQuery 需要比大多数脚本更早进入：

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/new")
@Styles.Render("~/styles/css1")

注意：现在，如果这些都没有帮助，您需要帮助我们帮助您，提供您的整个布局文件、整个 BundleConfig.cs，甚至是 Visual Studio 中项目浏览器窗口的屏幕截图。 :)

【讨论】：