azouaoui-med / angular-pro-sidebar Goto Github PK

Hi,
Nice template.
Is it possible to add multi-level dropdown to the template?
Thanks

ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Cannot find module 'node-sass'
Require stack:

• H:\Github\angular-pro-sidebar\node_modules\sass-loader\lib\loader.js
• H:\Github\angular-pro-sidebar\node_modules\loader-runner\lib\loadLoader.js
• H:\Github\angular-pro-sidebar\node_modules\loader-runner\lib\LoaderRunner.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\NormalModule.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\NormalModuleFactory.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\Compiler.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\webpack.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\build-webpack\src\webpack\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\build-webpack\src\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\build-angular\src\dev-server\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\architect\src\architect.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\architect\src\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\models\architect-command.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\commands\build-impl.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\schematics\tools\export-ref.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\schematics\tools\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\utilities\json-schema.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\models\command-runner.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\lib\cli\index.js
• C:\Users\Leo\AppData\Roaming\npm\node_modules@angular\cli\lib\init.js
• C:\Users\Leo\AppData\Roaming\npm\node_modules@angular\cli\bin\ng
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:793:17)
  at Function.Module._load (internal/modules/cjs/loader.js:686:27)
  at Module.require (internal/modules/cjs/loader.js:848:19)
  at require (internal/modules/cjs/helpers.js:74:18)
  at Object.sassLoader (H:\Github\angular-pro-sidebar\node_modules\sass-loader\lib\loader.js:46:72)
  ERROR in ./src/app/app.component.scss
  Module build failed (from ./node_modules/sass-loader/lib/loader.js):
  Error: Cannot find module 'node-sass'
  Require stack:
• H:\Github\angular-pro-sidebar\node_modules\sass-loader\lib\loader.js
• H:\Github\angular-pro-sidebar\node_modules\loader-runner\lib\loadLoader.js
• H:\Github\angular-pro-sidebar\node_modules\loader-runner\lib\LoaderRunner.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\NormalModule.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\NormalModuleFactory.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\Compiler.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\webpack.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\build-webpack\src\webpack\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\build-webpack\src\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\build-angular\src\dev-server\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\architect\src\architect.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\architect\src\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\models\architect-command.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\commands\build-impl.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\schematics\tools\export-ref.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\schematics\tools\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\utilities\json-schema.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\models\command-runner.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\lib\cli\index.js
• C:\Users\Leo\AppData\Roaming\npm\node_modules@angular\cli\lib\init.js
• C:\Users\Leo\AppData\Roaming\npm\node_modules@angular\cli\bin\ng
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:793:17)
  at Function.Module._load (internal/modules/cjs/loader.js:686:27)
  at Module.require (internal/modules/cjs/loader.js:848:19)
  at require (internal/modules/cjs/helpers.js:74:18)
  at Object.sassLoader (H:\Github\angular-pro-sidebar\node_modules\sass-loader\lib\loader.js:46:72)
  ERROR in ./src/app/sidebar/sidebar.component.scss
  Module build failed (from ./node_modules/sass-loader/lib/loader.js):
  Error: Cannot find module 'node-sass'
  Require stack:
• H:\Github\angular-pro-sidebar\node_modules\sass-loader\lib\loader.js
• H:\Github\angular-pro-sidebar\node_modules\loader-runner\lib\loadLoader.js
• H:\Github\angular-pro-sidebar\node_modules\loader-runner\lib\LoaderRunner.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\NormalModule.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\NormalModuleFactory.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\Compiler.js
• H:\Github\angular-pro-sidebar\node_modules\webpack\lib\webpack.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\build-webpack\src\webpack\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\build-webpack\src\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\build-angular\src\dev-server\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\architect\src\architect.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\architect\src\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\models\architect-command.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\commands\build-impl.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\schematics\tools\export-ref.js
• H:\Github\angular-pro-sidebar\node_modules@angular-devkit\schematics\tools\index.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\utilities\json-schema.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\models\command-runner.js
• H:\Github\angular-pro-sidebar\node_modules@angular\cli\lib\cli\index.js
• C:\Users\Leo\AppData\Roaming\npm\node_modules@angular\cli\lib\init.js
• C:\Users\Leo\AppData\Roaming\npm\node_modules@angular\cli\bin\ng
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:793:17)
  at Function.Module._load (internal/modules/cjs/loader.js:686:27)
  at Module.require (internal/modules/cjs/loader.js:848:19)
  at require (internal/modules/cjs/helpers.js:74:18)
  at Object.sassLoader (H:\Github\angular-pro-sidebar\node_modules\sass-loader\lib\loader.js:46:72)

and then I run 'npm install sass-loader node-sass webpack --save-dev'， it showed:
ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/dist/cjs.js??ref--14-3!./src/styles.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.

• options has an unknown property 'includePaths'. These properties are valid:
  object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
  at validate (H:\Github\angular-pro-sidebar\node_modules\sass-loader\node_modules\schema-utils\dist\validate.js:85:11)
  at Object.loader (H:\Github\angular-pro-sidebar\node_modules\sass-loader\dist\index.js:36:28)
  ERROR in ./src/app/app.component.scss
  Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
  ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
• options has an unknown property 'includePaths'. These properties are valid:
  object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
  at validate (H:\Github\angular-pro-sidebar\node_modules\sass-loader\node_modules\schema-utils\dist\validate.js:85:11)
  at Object.loader (H:\Github\angular-pro-sidebar\node_modules\sass-loader\dist\index.js:36:28)
  ERROR in ./src/app/sidebar/sidebar.component.scss
  Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
  ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
• options has an unknown property 'includePaths'. These properties are valid:
  object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
  at validate (H:\Github\angular-pro-sidebar\node_modules\sass-loader\node_modules\schema-utils\dist\validate.js:85:11)
  at Object.loader (H:\Github\angular-pro-sidebar\node_modules\sass-loader\dist\index.js:36:28)

Could you please help me out with this ?

This is the best sidebar I've found. Do you have an HTML version? Can you provide a package like dist? Thank you for your efforts!