在 VS 中发布网站时@import“theme.css”不起作用

2024-02-03

我有一个网站,它依赖于 jquery ui theme.css 的一些 css 样式。

当我在本地运行我的项目时,这工作正常,但是当我发布和部署时,这些特定的样式不会被选择。

例如,当我在本地检查对话框关闭按钮时,它会显示标准的十字图像,但在发布的网站上,它会显示“关闭”并且没有 theme.css 中的样式

我已经检查过,theme.css 包含在正常位置的目录结构中。

当我查看最小化的 css 文件时,它开始 @import"base.css";@import"theme.css";它来自 Content/themes/base/all.css,但显然它没有读取这些。

我需要做些什么才能将这些内容正确地包含在已发布的网站上吗?

Thanks

编辑:显然我可以在我的包中单独引用所有 jqueryui css 文件,但使用 @include 指令会很有用。


这是我的故事...

有一些问题。第一个也是最简单的是,我需要的图像位于文件系统中(并且在调试模式下运行时可以访问),但项目中不存在,因此未部署它。这是关于如何做到这一点的一个很好的解释:如何将现有目录树添加到 Visual Studio 中的项目? https://stackoverflow.com/questions/392473/how-do-i-add-an-existing-directory-tree-to-a-project-in-visual-studio

我的主要问题与捆绑有关(我从来没有太注意过)

事情是bundling在调试模式下不会发生(即当您在本地运行时)

捆绑does当您部署发行版本时会发生这种情况。

因此,在您部署应用程序之前,您的应用程序运行良好。

如果你想强制你的调试版本执行捆绑,那么你可以发现这些问题before部署(我将从现在开始执行此操作),将此行添加到您的RegisterBundles

public static void RegisterBundles(BundleCollection bundles)
    BundleTable.EnableOptimizations = true; 

相反,如果您已经尝试修复它而只想查看闪亮的 Web 应用程序正常运行,请在部署之前添加以下行:

BundleTable.EnableOptimizations = false; 

这将完全禁用捆绑并使您部署的应用程序像调试应用程序一样工作。请记住,捆绑是为了提高性能,因此您可能会受到性能影响。

反正...........

我读了很多有关捆绑的内容,但找不到有关参数含义的具体信息ScriptBundle,特别是第一个参数。

一段时间后我发现:

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/respond.js"));

means:

拿走文件

  • 〜/脚本/bootstrap.js
  • 〜/脚本/respond.js

将它们捆绑起来(缩小并压缩成一个 GET),然后将它们放入实际的 Web 文件夹中~/bundles/bootstrap

所以不仅是〜/捆绑/引导程序 a key您用来识别捆绑包(在对捆绑包的调用和您的视图中),它也是一个物理路径在存储和调用包的 Web 服务器上

不知道这个东西是做什么用的,我接到了这样的电话:

        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css",
                  "~/Content/themes/base/all.css",
                  "~/Content/select2.css"
                  ));

问题是:〜/内容/css是一个已经存在的实际物理文件夹,因此捆绑在某种程度上令人困惑。将第一个参数更改为不同的路径修复了它。

所以...如果你遇到这个问题,请做两件事:

  • 确保所有 StyleBundle 键(StyleBundle 调用中的第一个字符串)以~/bundles(或一些适当独特的东西),只是为了确保它们不可能引用真实的文件夹

  • 我还确保我引用的文件都不是 .min 文件。不确定这会产生什么影响,但我在另一个 stackexchange 答案中找到了它,所以我还是这么做了。

我现在的问题是我只需要在捆绑包中以正确的顺序包含正确的样式表。

如果你捆绑了所有东西或者错过了 css 文件,甚至将它们放在错误的顺序,你的捆绑CSS将不会像你的调试CSS一样应用,你的页面将是一个畸形的怪物

例如我需要把我的 site.cssafterbootstrap.css 以便我的自定义网站样式将覆盖通用引导样式。我还需要使用 .IncludeFolder 来包含 jqueryui css 文件夹的全部内容

..我仍然有一个问题,即 jqueryui 样式引用子文件夹中的图像。 (所以仍然存在相对路径不正确的问题)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 VS 中发布网站时@import“theme.css”不起作用 的相关文章

  • Bootstrap 按钮的检查状态

    我想在 Bootstrap 3 0 2 中设置组复选框的选中状态 docs http getbootstrap com javascript buttons html div class btn group div
  • 裁剪响应式全宽图像

    我必须剪辑跨越整个宽度的图像 以下事情对我不起作用 剪辑 这需要绝对位置 因此块元素不会堆叠在下面 背景位置 缩放时无法正确剪辑 放大时剪辑的部分会增加 反之亦然 包装器 包装器高度取决于浏览器宽度 因此其值应该是动态的 我使用了 seti
  • 强制应用媒体查询

    我有这个 html 和 css 代码 div class wrapper div class a div div class b div div media all and max width 400px max height 300px
  • iPhone 4 上不稳定的 CSS3 动画

    我有一个非常简单的 或者至少我认为是 动画 我所做的只是 webkit background size 的动画 bubble position relative width 397px height 326px background url
  • Zurb 基金会粘性页脚

    我想使用 Foundation 4 拥有粘性页脚 并且我想使用 HTML5
  • 移动设备上的剩余悬停效果

    我一整天都在努力做这个JSFiddle http jsfiddle net gsamaras q2w4jjyt 4 也适用于手机 但我所有的尝试都没有效果 在桌面上 当用户将鼠标悬停在箭头上时 它会变成红色 在移动设备上 当用户触摸 为了单
  • 角度材质表-表内边框

    I am using Angular material table and I want to set border inside the table Using CSS I was able to set border Normal ca
  • Angular 2 + Semantic UI,组件封装打破风格

    我使用 Angular2 和 Semantic UI 作为 CSS 库 我有这段代码 div class ui three stakable cards a class ui card a a class ui card a a class
  • WPF C# 输入框

    我正在使用 C 构建 WPF 应用程序 我想弹出一个对话框提示用户输入他 她的名字 之后 我将跟踪该名称并将一些数据保存到 txt使用该名称的文件 例如 输入的名称是姓名 约翰 所以我有数据数据 1 2 3 然后我将 数据 保存在John
  • 为什么我的日期选择器看起来这么奇怪?

    我正在尝试使用 jquery UI 我下载了所有内容并按照说明进行操作 我在 html 中添加了这样的代码
  • 在 R 中修改传单弹出窗口

    我想修改 R 中传单弹出窗口的外观 帮助文件指出 in the popupOptions 函数需要 传递给底层 Javascript 对象构造函数的额外选项 In 这个例子 https rstudio github io leaflet p
  • CSS3 变换:IE 中的缩放

    我想使用CSS3属性transform scale div transform scale 0 5 0 5 有没有办法在 Internet Explorer 8 及更低版本中模仿这个 可能与filter或者 JavaScript 解决方案
  • 重新加载页面时删除哈希值?

    我使用哈希来切换我的图像滑块 当我重新加载页面并且哈希值设置为 e h 3 没有图片 当图库在几秒钟后自动滑动时 它显示下一个 所以几秒钟内什么也没有 有没有办法在加载页面时检查哈希并将其删除 我只想关心那些用散列为页面添加书签的人 问候
  • 在问题内显示内联块文本

    我一直在尝试显示内联块 如果我没有在 div 中添加任何内容 一切都会很好 但是当我这样做时 div 会折叠起来 我不知道确切的原因 任何想法 https jsfiddle net giancorzo ebqoptbd https jsfi
  • 固定 Div 与静态 div 的滚动条重叠

    我无法按照我想要的方式设计布局 我有一个内容区 content 您可以在示例图像中看到的灰色 里面有一个黄色元素 这个div是position static height 100 现在我有一个 left paneldiv 也 与positi
  • 如何在 CSS 中将 RadioButton 图标样式设置为无(在 Flex 3 中)?

    您可以通过在 CSS 中设置以下值来在 Flex 中设置 RadioButton 的外观 upSkin Embed overSkin Embed ownSkin Embed disabledSkin Embed selectedUpSkin
  • 在 Visual Studio 2010 Beta 1 之后安装 Visual Studio 2008 TS

    我最近安装了 Visual Studio Professional 2010 Beta 1 并注意到大多数安装目录都独立于 共享 目录 我安装了 Visual Studio C 2008 Express 没有发现任何冲突 如果我安装 VS
  • 使用 float:left 与 display:inline-block 的 jQuery UI 拖放排序比较

    我这里有两个例子 这两个例子之间的唯一区别是 一种使用display inline block 另一种使用float left li doc item 显示 内联块 与 li doc item float left 我的问题是 displa
  • 为什么我的 Web 组件 CSS 不显示?我没有使用shadowDOM

    我有一个没有使用 ShadowDOM 的 Native V1 组件 所以我将 CSS 放在 但是当其他人使用我的组件时 我的 CSS 就不再起作用了 仅当其组件确实使用 ShadowDOM 时才会发生这种情况 我的组件的示例代码 class
  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h

随机推荐