Hi here

Did you run “npm install” before that ?

Yes of course

I tried deleting all node_modules and reinstalling it again as well.

Whats your local angular version?

My global angular CLI version (8.1.2) My local angular CLI version is (6.0.8)

{ “name”: “angular”, “version”: “0.0.0”, “license”: “MIT”, “scripts”: { “ng”: “ng”, “start”: “ng serve”, “build”: “ng build—prod”, “test”: “ng test”, “lint”: “ng lint”, “e2e”: “ng e2e” }, “private”: true, “dependencies”: { ”@angular/animations”: “^{6.0.0”, ”@angular/cdk”: “}6.0.0”, ”@angular/common”: “^{6.0.0”, ”@angular/compiler”: “}6.0.0”, ”@angular/core”: “^{6.0.0”, ”@angular/forms”: “}6.0.0”, ”@angular/http”: “^{6.0.0”, ”@angular/platform-browser”: “}6.0.0”, ”@angular/platform-browser-dynamic”: “^{6.0.0”, ”@angular/router”: “}6.0.0”, ”@ngui/map”: “^{0.20.2”, ”@ngxs/devtools-plugin”: “}3.0.0-dev.706a0b9”, ”@ngxs/logger-plugin”: “^{3.0.0-dev.706a0b9”, ”@ngxs/store”: “}3.0.0”, ”@swimlane/ngx-datatable”: “^{13.0.1”, ”@swimlane/ngx-dnd”: “}3.2.0”, ”@types/googlemaps”: “^{3.30.7”, “angular-tree-component”: “}7.0.2”, “angular2-text-mask”: “^{8.0.4”, “angularfire2”: “5.0.0-rc.4”, “classlist.js”: “}1.1.20150312”, “core-js”: “^{2.4.1”, “d3”: “}3.5.17”, “echarts”: “^{4.0.4”, “firebase”: “4.8.0”, “hammerjs”: “}2.0.8”, “https”: “^{1.0.0”, “imagesloaded”: “}4.1.4”, “isotope-layout”: “^{3.0.6”, “mandrill-api”: “}1.0.45”, “masonry-layout”: “^{4.2.1”, “moment”: “}2.18.1”, “ng-scrollreveal”: “^{2.2.0”, “ngx-bootstrap”: “}2.0.5”, “ngx-echarts”: “^{3.1.0”, “ngx-filter-pipe”: “}2.1.0”, “ngx-isotope”: “^{0.1.7”, “ngx-nvd3”: “}1.0.9”, “ngx-perfect-scrollbar”: “^{5.3.5”, “ngx-quill”: “}2.1.2”, “ngx-swiper-wrapper”: “^{6.0.0”, “rickshaw”: “}1.6.5”, “rxjs”: “^{6.0.0”, “rxjs-compat”: “}6.2.1”, “scrollreveal”: “^{3.3.6”, “text-mask-addons”: “}3.7.1”, “web-animations-js”: “^{2.3.1”, “zone.js”: “0.8.26” }, “devDependencies”: { ”@angular-devkit/build-angular”: “}0.6.8”, ”@angular/cli”: “^{6.0.0”, ”@angular/compiler-cli”: “}6.0.0”, ”@angular/language-service”: “^{6.0.0”, ”@types/jasmine”: “_{2.5.53”, ”@types/jasminewd2”: “}2.0.2”, ”@types/node”: “_{6.0.60”, ”@types/scrollreveal”: “0.0.3”, “codelyzer”: “}}4.0.1”, “jasmine-core”: “2.6.2”, “jasmine-spec-reporter”: “_{4.1.0”, “karma”: “}1.7.0”, “karma-chrome-launcher”: “_{2.1.1”, “karma-cli”: “}1.0.1”, “karma-coverage-istanbul-reporter”: “^{1.2.1”, “karma-jasmine”: “_{1.1.0”, “karma-jasmine-html-reporter”: “}}0.2.2”, “protractor”: “5.1.2”, “ts-node”: “_{3.2.0”, “tslint”: “}5.7.0”, “typescript”: “~2.7.2” } }

I downloaded the package from themeforest and ran ng serve. Seems to work just fine. Without any errors.

In the file app/@pages/components/list-view/list-view-container/list-view-container.component.ts

line 61 can you comment and run it ?

It should be this.computeHeader();

Wait it should be package-lock.json.

Try this

1. Deleted package-lock.json.

2. Deleted node_modules.

3. Changed rxjs in package.json to ^6.3.3

4. Changed rxjs-compat in package.json to ^6.3.3

5. Ran NPM install

Got this error: node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ’;’ expected.

6. Changed rxjs in package.json from ^6.3.3 to 6.3.3. 7. Changed rxjs-compat in package.json from ^6.3.3 to 6.3.3

8. Ran NPM Install

I should mention that the error occurs whenever I try to click on any link in the left sidebar menu. If I click on the link: cards I will get the error below but the ‘email/list’ will be ‘cards’

Got this error: core.js:1673 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: ‘email/list’ Error: Cannot match any routes. URL Segment: ‘email/list’ at ApplyRedirects.push../node_modules/@angular/router/fesm5/router.js.ApplyRedirects.noMatchError (router.js:1384) at CatchSubscriber.selector (router.js:1365) at CatchSubscriber.push../node_modules/rxjs/_esm5/internal/operators/catchError.js.CatchSubscriber.error (catchError.js:34) at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (

{ “name”: “angular”, “version”: “0.0.0”, “license”: “MIT”, “scripts”: { “ng”: “ng”, “start”: “ng serve”, “build”: “ng build—prod”, “test”: “ng test”, “lint”: “ng lint”, “e2e”: “ng e2e” }, “private”: true, “dependencies”: { ”@angular/animations”: “6.1.10”, ”@angular/cdk”: “^{6.4.7”, ”@angular/common”: “}6.1.10”, ”@angular/compiler”: “^{6.1.10”, ”@angular/core”: “}6.1.10”, ”@angular/forms”: “^{6.1.10”, ”@angular/http”: “}6.1.10”, ”@angular/platform-browser”: “^{6.1.10”, ”@angular/platform-browser-dynamic”: “}6.1.10”, ”@angular/router”: “^{6.1.10”, ”@ngui/map”: “}0.20.2”, ”@ngxs/devtools-plugin”: “^{3.4.3”, ”@ngxs/logger-plugin”: “}3.4.3”, ”@ngxs/store”: “^{3.4.3”, ”@swimlane/ngx-datatable”: “}13.1.0”, ”@swimlane/ngx-dnd”: “^{3.2.0”, ”@types/googlemaps”: “}3.37.0”, “angular-tree-component”: “^{7.2.1”, “angular2-text-mask”: “}8.0.5”, “angularfire2”: “5.0.0-rc.4”, “classlist.js”: “^{1.1.20150312”, “core-js”: “}2.6.9”, “d3”: “^{3.5.17”, “echarts”: “}4.2.1”, “firebase”: “4.8.0”, “hammerjs”: “^{2.0.8”, “https”: “}1.0.0”, “imagesloaded”: “^{4.1.4”, “isotope-layout”: “}3.0.6”, “mandrill-api”: “^{1.0.45”, “masonry-layout”: “}4.2.2”, “moment”: “^{2.24.0”, “ng-scrollreveal”: “}2.2.0”, “ngx-bootstrap”: “^{2.0.5”, “ngx-echarts”: “}3.2.0”, “ngx-filter-pipe”: “^{2.1.2”, “ngx-isotope”: “}0.1.7”, “ngx-nvd3”: “^{1.0.9”, “ngx-perfect-scrollbar”: “}5.3.5”, “ngx-quill”: “^{2.1.2”, “ngx-swiper-wrapper”: “}6.4.1”, “rickshaw”: “^{1.6.5”, “rxjs”: “6.3.3”, “rxjs-compat”: “6.3.3”, “scrollreveal”: “}3.3.6”, “text-mask-addons”: “^{3.8.0”, “web-animations-js”: “}2.3.2”, “zone.js”: “0.8.26” }, “devDependencies”: { ”@angular-devkit/build-angular”: “^{0.6.8”, ”@angular/cli”: “}6.2.9”, ”@angular/compiler-cli”: “^{6.1.10”, ”@angular/language-service”: “}6.1.10”, ”@types/jasmine”: “_{2.5.53”, ”@types/jasminewd2”: “^{2.0.6”, ”@types/lodash”: “}4.14.112”, ”@types/node”: “^{6.14.7”, ”@types/scrollreveal”: “0.0.3”, “codelyzer”: “}4.5.0”, “jasmine-core”: “}2.6.2”, “jasmine-spec-reporter”: “_{4.1.0”, “karma”: “}1.7.0”, “karma-chrome-launcher”: “_{2.1.1”, “karma-cli”: “}1.0.1”, “karma-coverage-istanbul-reporter”: “^{1.4.3”, “karma-jasmine”: “}1.1.2”, “karma-jasmine-html-reporter”: “^0.2.2”, “protractor”: “_{5.1.2”, “ts-node”: “}3.2.0”, “tslint”: “_{5.7.0”, “typescript”: “}2.7.2” } }

Kindly but eagerly waiting for you reply to get started.

will be great to get some support in next 1-2 days

Hi there

Are you using HTML or Angular. Are you also using LESS or SCSS or simple CSS?

html/css

hi would you answer me ?

Hi there

This would be really difficult and messing but you can try creating a new css file and add the following

@media (max-width: 1024px)
.page-sidebar {
    display: none;
    z-index: auto;
}

make sure you include it after pages.css

Next in your header you will find a link

<a href="#" class="btn-link toggle-sidebar d-lg-none pg pg-menu" data-toggle="sidebar">
        </a>

<a href="#" class="btn-link toggle-sidebar d-xl-none pg pg-menu" data-toggle="sidebar">
        </a>

Add in the same css add the following too

@media (max-width: 1024px)
.page-sidebar {
    width: 250px;
    z-index: auto;
    left: 0 !important;
    -webkit-transform: translate3d(0, 0px, 0px) !important;
    transform: translate3d(0, 0px, 0px) !important;
}

there remains place where should be sidebar and when you click to toggle button on div.sidebar and body.fixed-header appear classes .visible and .sidebar-open accordingly but they are disappearing immediately on mouseUp here are screenshots