typescript 错误运行app.css当我从nativescript操场下载

9vw9lbht  于 2023-01-27  发布在  TypeScript
关注(0)|答案(3)|浏览(117)

这是我得到的错误...

ERROR in ./app.css
Module not found: Error: Can't resolve './nativescript-theme-core/css/core.light.css' in 'C:\Users\elish_n8zkzh8\Downloads\bandz test\app'
 @ ./app.css 3:10-116
 @ ../node_modules/nativescript-dev-webpack/load-application-css-angular.js
 @ ./main.ts

我试着安装zoneiderjs的npm警告,但它没有工作,并注解了导入和工作,但缺少关键功能

@import "nativescript-theme-core/css/core.light.css";

.btn-primary {
  height: 50;
  background-color: #D51A1A;
  border-radius: 5;
  font-size: 20;
  font-weight: 600;
}
.btn-primary:disabled {
  opacity: 0.5;
}

我需要css来呈现

lf5gs5x2

lf5gs5x21#

我不知道你是怎么得到下面的代码的,但是当你从Playground下载时,它会给你正确的语法。

@import "nativescript-theme-core/css/core.light.css";

从节点模块导入CSS或SCSS文件时,需要在前面加上波浪线~),所以应该是,

@import '~nativescript-theme-core/css/core.light.css';
n3schb8v

n3schb8v2#

看起来你正在尝试在你的Angular 项目中使用nativescript css框架,但是它对路径有问题。你指定的路径不正确。
在app.css中指定的所有路径都是相对于项目目录的,因此应该使用以下命令导入。

@import "node_modules/nativescript-theme-core/css/core.light.css";

另外一个更好的方法是将项目中使用的资源包含在项目的angular.json中,这些资源通过webpack与应用程序代码打包在沿着,并在全球范围内提供。
查看此内容了解更多信息:https://angular.io/guide/workspace-config#style-script-config
希望能有所帮助。

1tuwyuhd

1tuwyuhd3#

最新版本的nativescript(〉6.0.0)使用主题核心。创建一个新文件_app-common.scss并在顶部添加以下语句。

@import '@nativescript/theme/core';
@import '@nativescript/theme/default';
//Rest of the css

创建Android特定文件app.android.scss并将上述文件导入其中。@import 'app-common';

相关问题