arkon / ng-sidebar

[Inactive] Angular sidebar component.

Home Page:https://echeung.me/ng-sidebar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Demo does not work on Stackblitz

pappasa opened this issue · comments

Could you please make the demo work on Stackblitz? Loading https://stackblitz.com/github/arkon/ng-sidebar/tree/master/demo gives the error:

This project type is not yet supported.
We currently only support projects scaffolded with @angular/cli.
If you think this is a bug, please file an issue in our repo!

commented

I don't intend on refactoring to use the CLI. I'd be happy to review PRs though.

I created the project ng_sidebar_demo on Stackblitz but I cannot make it work. Do you have an idea, what could be wrong?

commented

It's not actually importing the styles (this relies on Webpack).

I have imported the styles in main.ts:

import { NgModule, enableProdMode } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { SidebarModule } from 'ng-sidebar';

import { DemoComponent } from './demo/demo.component';

import './styles/styles.scss';

// enableProdMode();

@NgModule({
  declarations: [DemoComponent],
  imports: [BrowserModule, SidebarModule.forRoot()],
  bootstrap: [DemoComponent],
})
class DemoAppModule {}

platformBrowserDynamic().bootstrapModule(DemoAppModule);
commented

It's not actually working though, the styles aren't actually taking effect.

I replaced styles.scss with src/styles.css and now ng_sidebar_demo on Stackblitz works.

commented

Awesome. 👍