I’m having isues with ionic cordova run android -l
everything was working good. I’ve updated my nodejs on pc. Now i’m having isues with build.
[app-scripts] [10:41:36] sass started ...
[app-scripts] [10:41:37] sass: src/theme/variables.scss, line: 36
[app-scripts] (skyblue: #488aff, primaryText: #727270, headers: #5e5e5e, secondary: #32db64, danger: #ca2929, light:
[app-scripts] #f4f4f4, dark: #222, orange: #fc6108, sos: #7a08fc, blu: #3e6aca, gray: #7e7e7e, activeBg: #dadedf,
[app-scripts] disabled: (contrast: #aaaaaa, base: #e7e7e7), green: (contrast: #fafafa, base: #2ecc71), primary: (contrast:
[app-scripts] #f4f4f4, base: #727270), primary-menu: (contrast: #33cfff, base: #f4f4f4), redIcons: (contrast: #ca2929,
[app-scripts] base: #f4f4f4)) isn't a valid CSS value.
[app-scripts] L36: $colors:(
[app-scripts] L37: skyblue: #488aff,
[INFO] Development server running!
IONIC INFO
Ionic:
Ionic CLI : 5.4.1 (/Users/pc-areaindustries/.npm-global/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.8
@ionic/app-scripts : 3.2.4
Cordova:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.0, (and 20 other plugins)
Utility:
cordova-res : 0.6.0
native-run : 0.2.7 (update available: 0.2.8)
System:
Android SDK Tools : 26.1.1 (/Users/pc-areaindustries/Library/Android/sdk)
ios-deploy : 1.9.4
ios-sim : 7.0.0
NodeJS : v10.16.0 (/usr/local/bin/node)
npm : 6.11.3
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61
here is my variable.scss
// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/
// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";
// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;
@import "ionic.globals";
// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/
// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.
$colors:(
skyblue: #488aff,
primaryText:#727270,
headers: #5e5e5e,
secondary: #32db64,
danger: #ca2929,
light: #f4f4f4,
dark: #222,
orange: #fc6108,
sos: #7a08fc,
blu: #3e6aca,
gray: #7e7e7e,
activeBg: #dadedf,
disabled: (
contrast: #aaaaaa,
base: #e7e7e7
),
green: (
contrast: rgb(250, 250, 250), /* color */
base: #2ecc71 /* background */
),
primary: (
contrast: #f4f4f4,
base: #727270
),
// side menu color
primary-menu: (
contrast: #33cfff,
base: #f4f4f4
),
redIcons: (
contrast: #ca2929,
base: #f4f4f4
),
);
// Custom scss
$toolbar-background: #727270;
// $modal-inset-width: 45%;
$modal-inset-height-large: 100%;
$modal-ios-border-radius: 0px;
// alertController personalizzazione
$alert-min-width: 400px;
// $alert-ios-background: #f2f2f2;
$alert-ios-title-font-size: 25px;
$alert-md-title-font-size: 25px;
$alert-ios-sub-title-text-color: rgb(78, 78, 78);
$alert-ios-sub-title-font-size: 20px;
$alert-md-sub-title-font-size: 20px;
$alert-button-font-size: 20px;
// $alert-ios-button-text-color: rgb(79, 64, 148);
// $alert-md-button-text-color: white;
// $alert-ios-button-background-color: #00cab9;
// $alert-md-button-background-color: #305183;
$alert-ios-button-background-color-activated: #488aff;
$alert-md-button-background-color-activated: #a7a7a7;
$fab-content-margin:0px;
// toolbar height
$toolbar-md-height: 80px;
$font-size-base: 16px;
$toolbar-order-md: ( back-button: 0, menu-toggle-start: 1, buttons-left: 3, content: 4, buttons-start: 2, buttons-end: 5, buttons-right: 6, menu-toggle-end: 7);
// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here
// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here
// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here
// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.
@import "ionic.theme.default";
// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/
@import "ionic.ionicons";
// Fonts
// --------------------------------------------------
@import "roboto";
@import "noto-sans";
@import "full_calendar";
does anyone have the solution? already did this:
- removed “node_modules” then npm install
- npm update
- npm rebuild node-sass
etc