我用来引用所有我的css
和js
文件,而无需这样的捆绑:
<link rel='stylesheet' type='text/css' href='style.css'/>
,但是由于我使用捆绑,因此在Chrome中收到以下错误消息:
资源解释为样式表,但使用MIME类型应用程序/JavaScript传输:" http://localhost:9432/assets/global/global/plugins/bootstrap/js/bootstrap.min.js"。
我发现我应该将Content-Type
设置为 application/javascript
,但我不能做到这一点。
您的建议解决这个问题?
更新:
这是我的代码:
bundles.Add(new StyleBundle("~/bundles/AdminStyle").Include(
"~/Assets/global/plugins/font-awesome/css/font-awesome.min.css",
"~/Assets/global/plugins/simple-line-icons/simple-line-icons.min.css",
"~/Assets/global/plugins/bootstrap/css/bootstrap-rtl.min.css",
"~/Assets/global/plugins/bootstrap-switch/css/bootstrap-switch-rtl.min.css",
"~/Assets/global/plugins/bootstrap-select/css/bootstrap-select-rtl.css",
"~/Assets/global/css/components-rounded-rtl.min.css",
"~/Assets/global/css/plugins-rtl.min.css",
"~/Assets/layouts/layout3/css/layout-rtl.min.css",
"~/Assets/layouts/layout3/css/themes/default-rtl.min.css",
"~/Assets/layouts/layout3/css/custom.css",
"~/Assets/global/plugins/bootstrap-social-button/css/bootstrap-social.css",
"~/Assets/global/plugins/bootstrap-toastr/toastr.min.css",
"~/Assets/global/css/Custom.css",
"~/Assets/global/css/helper.css"));
和
bundles.Add(new StyleBundle("~/bundles/AdminScript").Include(
"~/Assets/global/plugins/bootstrap/js/bootstrap.min.js",
"~/Assets/global/plugins/js.cookie.min.js",
"~/Assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js",
"~/Assets/global/plugins/jquery.blockui.min.js",
"~/Assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js",
"~/Assets/global/scripts/app.min.js",
"~/Assets/layouts/layout3/scripts/layout.min.js",
"~/Assets/layouts/layout3/scripts/demo.min.js",
"~/Assets/layouts/global/scripts/quick-sidebar.min.js",
"~/Assets/layouts/global/scripts/quick-nav.min.js",
"~/Assets/global/plugins/bootstrap-select/js/bootstrap-select.min.js"));
您将JS文件呈现为<link rel="stylesheet" href="/bundles/....">
因此,在您的cshtml
中,将@Styles.Render("~/bundles/AdminScript")
更改为@Scripts.Render("~/bundles/AdminScript")
在我的情况下,我的问题是我应该使用ScriptBundle
,而我应该使用StyleBundle
。
错误的代码:
bundles.Add(new ScriptBundle("~/Content/rating").Include(
"~/Content/fontawesome-stars.css"));
正确的代码:
bundles.Add(new StyleBundle("~/Content/rating").Include(
"~/Content/fontawesome-stars.css"));
您必须小心这些捆绑包,因为它可以完美地编译并在本地计算机上运行而没有问题,但是生产是所有问题出现的地方!