【发布时间】：2019-08-05 17:35:58
【问题描述】：
我使用 nativescript 抽屉导航模板作为我的应用程序的基础。
在我添加登录页面之前，模板可以正常工作。
现在我从 sass-loader 插件收到一个错误，即“$page-icon-color”变量未定义。
样式分为“_app-common.scss”和“_app-variables.scss”
有谁知道 app-common 和 app-variable 文件之间的链接在哪里？
我已尝试删除节点模块、钩子和平台文件夹，然后在应用程序根文件夹中运行 tns install
这是设备控制台日志
来自 Galaxy S8 设备的日志：com.tns.NativeScriptException：错误 调用模块函数错误：模块构建失败（来自 ../node_modules/sass-loader/lib/loader.js):
未定义 ^ 未定义的变量：“$page-icon-color”。 在 C:\Users\chris\Documents\EAMS-Prototype-Asset-Survey-App\PrototypeAssetSurveyAppDrawer\src_app-common.scss （第 10 行，第 16 列）文件： “file:///data/data/org.nativescript.preview/files/app/bundle.js，行： 26、栏目：0
StackTrace: Frame: function:'ZoneAwareError', 文件：'file:///data/data/org.nativescript.preview/files/app/tns_modules/nativescript-angular/zone-js/dist/zone-nativescript.js', 行：1298，列：31 帧：函数：'./_app-common.scss'， 文件：'file:///data/data/org.nativescript.preview/files/app/bundle.js', 行：26，列：7 帧：函数：'webpack_require'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：751，列：30 帧：函数：'fn'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：121，列：20 帧：函数：''， 文件：'file:///data/data/org.nativescript.preview/files/app/bundle.js', 行：418，列：22 帧：函数：'./login/login.component.ts'， 文件：'file:///data/data/org.nativescript.preview/files/app/bundle.js', 行：423，列：2 帧：函数：'webpack_require'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：751，列：30 帧：函数：'fn'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：121，列：20 帧：函数：'./app/app-routing.module.ts'， 文件：'file:///data/data/org.nativescript.preview/files/app/bundle.js', 行：61，列：80 帧：函数：'webpack_require'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：751，列：30 帧：函数：'fn'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：121，列：20 帧：函数：'./app/app.module.ts'， 文件：'file:///data/data/org.nativescript.preview/files/app/bundle.js', 行：208，列：77 帧：函数：'webpack_require'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：751，列：30 帧：函数：'fn'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：121，列：20 帧：函数：''， 文件：'file:///data/data/org.nativescript.preview/files/app/bundle.js', 行：436，列：73 帧：函数：'./main.ts'， 文件：'file:///data/data/org.nativescript.preview/files/app/bundle.js', 行：503，列：30 帧：函数：'webpack_require'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：751，列：30 帧：函数：'checkDeferredModules'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：44，列：23 帧：函数：'webpackJsonpCallback'， 文件：'file:///data/data/org.nativescript.preview/files/app/runtime.js', 行：31，列：19 框架：函数：''， 文件：'file:///data/data/org.nativescript.preview/files/app/bundle.js', 行：2，列：57 帧：函数：'require'，文件：''，行：1， 栏目：266
错误：模块构建失败（来自 ../node_modules/sass-loader/lib/loader.js):
未定义 ^ 未定义的变量：“$page-icon-color”。 在 C:\Users\chris\Documents\EAMS-Prototype-Asset-Survey-App\PrototypeAssetSurveyAppDrawer\src_app-common.scss （第 10 行，第 16 列）在 com.tns.Runtime.runModule(Native Method) 在 com.tns.Runtime.runModule(Runtime.java:663) 在 com.tns.Runtime.run(Runtime.java:655) 在 com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:21) 在 android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1154) 在 android.app.ActivityThread.handleBindApplication(ActivityThread.java:6222) 在 android.app.ActivityThread.access$1200(ActivityThread.java:237) 在 android.app.ActivityThread$H.handleMessage(ActivityThread.java:1785) 在 android.os.Handler.dispatchMessage(Handler.java:106) 在 android.os.Looper.loop(Looper.java:214) 在 android.app.ActivityThread.main(ActivityThread.java:7050) 在 java.lang.reflect.Method.invoke(Native Method) 在 com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493) 在 com.android.internal.os.ZygoteInit.main(ZygoteInit.java:965)
【问题讨论】：
-
该模板具有特定于平台的 SCSS 文件 (
app.[android|ios].scss)，它将导入_app-common.scss和_app-variables.scss，除非您修改它们，否则它应该可以工作。 -
嗨@Manoj 我刚刚检查了你提到的两个文件，它们都导入了应用程序变量和应用程序通用文件。
标签： angular nativescript