Javascript 无法在带有捆绑的ASP.NET项目中加载某些css和js
在VisualStudio中运行project时,它工作正常,但在服务器上部署后,一些css和js文件无法正确加载 我还按照说明进行了IIS设置Javascript 无法在带有捆绑的ASP.NET项目中加载某些css和js,javascript,css,asp.net-mvc,bundling-and-minification,Javascript,Css,Asp.net Mvc,Bundling And Minification,在VisualStudio中运行project时,它工作正常,但在服务器上部署后,一些css和js文件无法正确加载 我还按照说明进行了IIS设置 部署后的网页看起来像 但网页应该是这样的 请提供解决方案…我认为您的IIS设置存在问题。如果您使用Windows PC,请继续 控制面板>所有控制面板项目>程序和功能 然后在左侧单击打开或关闭Windows功能 然后转到互联网信息服务>万维网服务>通用HTTP功能并选中静态内容,然后单击确定以应用更改 完成此更改后,请成功重新启动电脑 如果使用Wi
部署后的网页看起来像 但网页应该是这样的
请提供解决方案…我认为您的
IIS
设置存在问题。如果您使用Windows PC,请继续
控制面板>所有控制面板项目>程序和功能
然后在左侧单击打开或关闭Windows功能
然后转到互联网信息服务>万维网服务>通用HTTP功能
并选中静态内容
,然后单击确定
以应用更改
完成此更改后,请成功重新启动电脑
如果使用Windows server设置,则所有设置都是相同的
根据更新您的问题
发布后,您会丢失一些CSS
。您可以通过浏览器中的inspect element
将丢失的内容添加到正确的位置
原因:当您添加文件时,一些how-then文件属性(生成操作
未设置为内容
)
解决方案:因此,请锁定丢失的文件并转到visual studio
,然后右键单击这些文件并转到properties
并设置Build Action=content
希望对您有所帮助。您的.NET安装在本地和主机上是否相同?捆绑需要最少的ASP.NET 4.5框架。是的,我使用了ASP.NET 4.5框架,安装在本地主机上。对我来说,您似乎错过了一个
css
文件,因为屏幕截图除了一些样式之外非常相似。生成的HTML看起来如何?
//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")