Scss @import ../location/of/app.scss error

Opening the

myTabs
project and looking to modify the ionic.app.scss file inside /root folder. I recieve this error when viewing inside browser… error scss/ionic.app.scss (Line 22: File to import not found or unreadable: www/lib/ionic/scss/ionic. Load paths: The file is there and tried adding the path with .ext of the ionic file but did not work.

Here is the ionic.app.scss file contents…

@charset “UTF-8”;

@import
// Ionicons
"ionicons/ionicons.scss",

// Variables
"mixins",
“variables”,

// Base
"reset",
“scaffolding”,
“type”,

// Components
"action-sheet",
“backdrop”,
“bar”,
“tabs”,
“menu”,
“modal”,
“popover”,
“popup”,
“loading”,
“items”,
“list”,
“badge”,
“slide-box”,

// Forms
"form",
“checkbox”,
“toggle”,
“radio”,
“range”,
“select”,
“progress”,

// Buttons
"button",
“button-bar”,

// Util
"animations",
“grid”,
“util”,
“platform”;

1 Like

try setting your sass path:

export SASS_PATH=.

I updated ionic in NPM. That worked.