The theme files are in the "src/assets" folder and are imported in "src/styles.scss" as follows:
Code: Select all
@import "~assets/theme/theme-blue.scss";
@import "~assets/layout/css/layout-blue.scss";
I can reproduce this even in the base Avalon project from the theme download by placing those same import statements in the styles.scss fileERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
Driver> (Emitted value instead of an instance of Error) CssSyntaxError: C:\Users\alex.florin\Documents\Visual Studio 2017\Projects\DriverApp\trunk\ClientApp\src\assets\sass\_fonts.scss:11:7: Can't resolve '../fonts/roboto-v15-latin-300.ttf' in 'C:\Users\alex.florin\Documents\Visual Studio 2017\Projects\DriverApp\trunk\ClientApp\src'
So what is the correct way to import the scss theme files when using angular-cli?