angular - Angular DevExtreme 主题
问题描述
我正在尝试为 Angular 的 DevExtreme 小部件加载主题。我遵循了不同的方法:
在 angular.json 中设置样式但不会产生任何影响:
"projects": { "my-project": { "root": "", "sourceRoot": "src", "projectType": "application", "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist", "index": "src/index.html", "main": "src/main.ts", "tsConfig": "src/tsconfig.app.json", "polyfills": "src/polyfills.ts", "assets": [ "src/assets", "src/favicon.ico", "src/manifest.json" ], "styles": [ "node_modules/font-awesome/css/font-awesome.min.css", "node_modules/material-design-icons/iconfont/material-icons.css", "node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "node_modules/devextreme/dist/css/dx.common.css", "node_modules/devextreme/dist/css/dx.dark.css", "src/sass/styles.scss" ],
在 index.html 中设置它但也没有效果:
<head> ... <link rel="dx-theme" data-theme="generic.dark" href="https://cdn3.devexpress.com/jslib/18.2.3/css/dx.dark.css" data-active="true" /> </head>
并将其设置为DxThemes.current('generic.dark');
使用 (2) 中的语言环境 css 文件:
<head> ... <link rel="dx-theme" data-theme="generic.dark" href="css/dx.dark.css" data-active="false" /> </head>
但我的浏览器说:
拒绝应用来自 ' http://localhost:4200/css/dx.dark.css ' 的样式,因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。
所以我的问题是:我如何使用语言环境 css 文件?为什么不应用主题?
解决方案
诀窍是使用ng build --prod
. 无论有ng serve
没有生产模式,它都不起作用......
推荐阅读
- javascript - 覆盖 Object.entries() 的类型会导致意外错误
- reactjs - 重新导出所有内容均未按预期工作 - 导入另一个文件时出现问题
- mongodb - 如何从 mongodb 中的数组和 groupBy 中过滤值?
- reactjs - 如何更新 useEffect 挂钩中异步函数内的数组?
- c# - 如何在 C# .Net 中验证 keycloak 的 JWT 令牌?
- javascript - 如何在打字稿中转换 JSON 数据数组中的 JSON 数据?
- python - 丢弃特定类 Deeplabv3 的分割
- typescript - 类型“IntrinsicAttributes & DeliveryInfoProps”上不存在属性“href”
- amazon-web-services - 通过命令行将 Visual Studio 项目部署到 AWS Fargate
- c# - 如何在 c# blazor 网页中更新实时日期时间