ASP MVC 资源解释为样式表但使用 MIME 类型传输 application/javascript

Question

我习惯于引用我所有的 css 和 js 文件而不像这样捆绑：

<link rel='stylesheet' type='text/css' href='style.css'/>

但是由于我使用了捆绑，所以在 chrome 中收到以下错误消息：

Resource interpreted as Stylesheet but transferred with MIME type application/javascript: "http://localhost:9432/Assets/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"));

Answer 1

您正在将 js 文件渲染为 <link rel="stylesheet" href="/bundles/....">

因此，在您的 cshtml 中，将 @Styles.Render("~/bundles/AdminScript") 更改为 @Scripts.Render("~/bundles/AdminScript")

Answer 2

就我而言，我的问题是我使用了 ScriptBundle 而我本应使用 StyleBundle.

错误代码：

        bundles.Add(new ScriptBundle("~/Content/rating").Include(
                "~/Content/fontawesome-stars.css"));

正确代码：

        bundles.Add(new StyleBundle("~/Content/rating").Include(
                "~/Content/fontawesome-stars.css"));

你必须小心这些包，因为它编译完美，在本地计算机上运行没有问题，但在生产环境中出现所有问题！

ASP MVC 资源解释为样式表但使用 MIME 类型传输 application/javascript

ASP MVC Resource interpreted as Stylesheet but transferred with MIME type application/javascript

asp.net-mvc

google-chrome

mime-types