//My BundleConfig.cs look like-
public class BundleConfig
{
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.validate*",
"~/Scripts/jquery.unobtrusive*"));
bundles.Add(new ScriptBundle("~/bundles/jqueryUI").Include(
"~/Scripts/jquery-ui.js",
"~/Scripts/CustomAutocomplete.js"));
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
"~/Scripts/bootstrap.js",
"~/Scripts/respond.js",
"~/Scripts/bootstrap-datetimepicker.js"));
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/bootstrap-datetimepicker.css",
"~/Content/site.css",
"~/Content/JqueryUI/jquery-ui.css"));
}
}
//In cshtml file calls like-
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/jqueryval")
在Visual Studio中运行项目时,它工作正常,但在服务器上部署后,某些CSS和JS文件无法正确加载
我还按照here的说明完成了IIS设置
部署网页后看起来像
但是网页应该看起来像这样
请提供解决方案...
最佳答案
我认为您的IIS
设置有问题。如果您使用Windows PC,请转到Control Panel>All Control Panel Items>Programs and Features
然后在左侧单击Turn Windows Features on or off
。
之后,转到Internet Information Services>World wide web service>Common HTTP Features
并检查Static Content
,然后单击ok
以应用更改。
更改成功后,重新启动PC。
如果使用Windows服务器设置,则大多数设置相同。
按照更新您的问题
发布后,您会错过一些CSS
。您可以通过浏览器中的inspect element
来查找丢失的内容,并将其添加到正确的位置。
原因:当您添加文件时,文件属性如何(Build Action
未设置为content
)
解决方案:因此,请找出丢失的文件,然后转到visual studio
,然后右键单击这些文件,然后转到properties
并设置Build Action=content
。
希望对您有帮助。
关于javascript - 使用Bundlification无法在我的ASP.NET元素中加载一些CSS和JS,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43845790/