start-angular / sb-admin-bs4-angular-8 Goto Github PK

(This is not a issue, I just need help)
Hi everyone, I hope you someone could help me. I was traying to change the default color of the navbar and sidebar from black (or gray) to another but I can't.

This is my app.scss file

$gray-dark: #f71f1f;
$gray: #f71f1f;
$gray-light: #f71f1f;
$gray-lighter: #f71f1f;
$gray-lightest: #f71f1f;

@import "../bootstrap/variables.scss";

$navbar-dark-color: #f71f1f;
$navbar-dark-hover-color: #f71f1f;
$navbar-dark-active-color: #f71f1f;
$navbar-dark-disabled-color: #f71f1f;
$topnav-background-color: #ffffff;

@import "app-base.scss";

I Tried to make a _custom.scss file and import this, but it doesn't work... what's the correct way to do that?

Thanks!

Hi all,
I am new to AngularJS.
During theme setup an error: occured while running npm start command. i had also attached the screenshoot of this error.
Please see and send me the feedback.

downloaded zip
extracted
npm install
npm start
browser stuck:

Failed to load resource: the server responded with a status of 404 (Not Found)
Unhandled Promise rejection: Failed to load http://localhost:5555/app/dashboard/bs-component/bs-component.component.html ; Zone: <root> ; Task: Promise.then ; Value: Failed to load http://localhost:5555/app/dashboard/bs-component/bs-component.component.html undefined
Error: Uncaught (in promise): Failed to load http://localhost:5555/app/dashboard/bs-component/bs-component.component.html(…)

if I try
gulp build.prod
output is

[...]
[00:58:26] Starting 'build.js.prod'...
Error: ENOENT: no such file or directory, open '/home/roberto/tinbroker-dev-frontend/dist/tmp/app/dashboard/bs-component/bs-component.component.html'
    at Error (native)
    at Object.fs.openSync (fs.js:549:18)
    at Object.fs.readFileSync (fs.js:397:15)
    at getFileData (/home/*deleted*/node_modules/gulp-inline-ng2-template/parser.js:281:17)
    at /home/*deleted*/node_modules/gulp-inline-ng2-template/parser.js:245:22
    at /home/*deleted*/node_modules/async/dist/async.js:3671:13
    at replenish (/home/*deleted*/node_modules/async/dist/async.js:884:21)
    at /home/*deleted*/node_modules/async/dist/async.js:888:13
    at eachOfLimit (/home/*deleted*/node_modules/async/dist/async.js:915:26)
    at /home/*deleted*/node_modules/async/dist/async.js:920:20
    at _parallel (/home/*deleted*/node_modules/async/dist/async.js:3670:9)

This is not any bug, I just need some help taking my demo to RawGit just as you did.

Before I generate my prod dist I change the value of APP_BASE in the tools/config/seed.config.ts with /githubusername/githubrepo/master/dist/prod/.

I run npm build.prod first of all, and then push the changes on my github repository. I take the github URL of my index prod dist/prod/index.html and I paste it in RawGit main input field. I check the URL for development as well as the "in production" but both of them show me an 404: Not found.

What am I doing wrong?

Hi, i've tried to do 'npm start --config-env prod / production / Production.. many options with no luck.

How can I start with the production ENV ?

I'm trying to add a ng2-bootstrap modal. I'm able to add other components from ng2-bootstrap such as alerts, pagination and tooltips but I cannot add a modal component.

Once I followed the installation steps, I add Ng2BootstrapModule in dashboard.module.ts and finally insert the modal in the html file:

<!-- Small modal -->
<button type="button" class="btn btn-primary" (click)="smModal.show()">Small modal</button>

<div bsModal #smModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" aria-label="Close" (click)="smModal.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">Small modal</h4>
      </div>
      <div class="modal-body">
        <!-- Body content -->
      </div>
    </div>
  </div>
</div>

When I try $ npm start, the application does not pass from loading view. If I remove the hash symbol from: #smModal="bs-modal"the application is lauched but unable to popup the modal.
Any help?

Note:
The hack in the root component is added

import {Component, ViewContainerRef} from '@angular/core';

@Component({selector:'app-root'})
class AppRoot {
  public constructor(viewContainerRef:ViewContainerRef) {
    // You need this small hack in order to catch application root view container ref
    this.viewContainerRef = viewContainerRef;
  }
}

UPDATE: It happens the same for datepicker components and possibly other components from ng2-bootstrap which are not included in the original SB-Admin-BS4-Angular-2 theme.

build.prod is giving error related to moment.js
(build.dev work fine, but similar error happen for serve.prod as well)

moment.js exist at
C:/Work4/MyAdmin/node_modules/moment/moment.js

Look like somehow it is trying to reference from
C:/Work4/MyAdmin/node_modules/moment.js

OS: Windows 7
node -v
v6.2.2

npm -v
3.9.5

npm run build.prod

- -- -- -- -- -- -- 
- -- -- -- -- -- -- 
- -- -- -- -- -- -- 
[13:50:41] Starting 'build.prod'...
[13:50:41] Starting 'clean.prod'...
[13:50:42] Deleted dist/prod
[13:50:42] Deleted dist/tmp
[13:50:42] Finished 'clean.prod' after 534 ms
[13:50:42] Starting 'tslint'...
[13:50:44] Finished 'tslint' after 2.44 s
[13:50:44] Starting 'build.assets.prod'...
[13:50:45] Finished 'build.assets.prod' after 778 ms
[13:50:45] Starting 'build.html_css'...
[13:50:59] Finished 'build.html_css' after 14 s
[13:50:59] Starting 'build.fonts'...
[13:50:59] Finished 'build.fonts' after 658 ms
[13:50:59] Starting 'sample.task'...
[13:51:00] Finished 'sample.task' after 606 ms
[13:51:00] Starting 'copy.js.prod'...
[13:51:01] Finished 'copy.js.prod' after 637 ms
[13:51:01] Starting 'build.js.prod'...
[13:51:03] Finished 'build.js.prod' after 2.55 s
[13:51:03] Starting 'build.bundles'...
[13:51:08] Finished 'build.bundles' after 5.02 s
[13:51:08] Starting 'build.bundles.app'...
[13:51:09] 'build.bundles.app' errored after 1.14 s
[13:51:09] Error on fetch for moment.js at file:///C:/Work4/MyAdmin/node_module
s/moment.js
        Loading ng2-bootstrap/components/datepicker/date-formatter.js
        Loading ng2-bootstrap/components/datepicker/datepicker-inner.component.js
        Loading ng2-bootstrap/components/datepicker/datepicker.component.js
        Loading ng2-bootstrap/components/datepicker.js
        Loading ng2-bootstrap/ng2-bootstrap.js
        Loading dist/tmp/pages/home/components/home.js
        Loading dist/tmp/layouts/dashboard/components/dashboard.js
        Loading dist/tmp/layouts/base/base.js
        Loading dist/tmp/layouts/base/main.js
        Error: ENOENT: no such file or directory, open 'C:\Work4\MyAdmin\node_modules\moment.js'
    at Error (native)

Recently Angular2 team released Angular2-RC6. So is there any plan to give support for RC6 ?

What's new in RC6 ? - http://angularjs.blogspot.in/2016/09/angular-2-rc6_1.html
Change Log - https://github.com/angular/angular/blob/master/CHANGELOG.md

It has not any major changes, So it will not a big code changing. And will help for future release updation also.

Hi,

i'm getting Cannot GET / when i try to browse to the app. No errors shows up when installing nor starting. Here the output:

npm start

[email protected] start /opt/winedata/SB-Admin-BS4-Angular-2
gulp serve --env dev

[00:36:37] Requiring external module ts-node/register
[00:36:39] Loading task clean all
[00:36:40] Loading task clean dist
[00:36:40] Loading task clean test
[00:36:40] Loading task clean tmp
[00:36:40] Loading task check.versions
[00:36:41] Loading task build.docs
[00:36:41] Loading task serve.docs
[00:36:42] Using gulpfile /opt/winedata/SB-Admin-BS4-Angular-2/gulpfile.ts
[00:36:42] Starting 'serve'...
[00:36:42] Loading task server.start
[00:36:43] Loading task watch.serve
[00:36:43] Starting 'build.dev'...
[00:36:43] Loading task tslint
[00:36:44] Loading task build.sass.dev
[00:36:45] Loading task build.assets.dev
[00:36:45] Loading task build.js.dev
[00:36:46] Loading task build.index.dev
[00:36:46] Starting 'clean.dist'...
[00:36:46] Deleted -
[00:36:46] Finished 'clean.dist' after 9.69 ms
[00:36:46] Starting 'tslint'...
[00:36:48] Finished 'tslint' after 1.43 s
[00:36:48] Starting 'build.sass.dev'...
[00:36:48] Finished 'build.sass.dev' after 194 ms
[00:36:48] Starting 'build.assets.dev'...
[00:36:48] Finished 'build.assets.dev' after 104 ms
[00:36:48] Starting 'build.js.dev'...
[00:36:53] Finished 'build.js.dev' after 4.9 s
[00:36:53] Starting 'build.index.dev'...
[00:36:53] gulp-inject 5 files into index.html.
[00:36:53] gulp-inject 8 files into index.html.
[00:36:53] gulp-inject 3 files into index.html.
[00:36:53] Finished 'build.index.dev' after 35 ms
[00:36:53] Finished 'build.dev' after 9.67 s
[00:36:53] Starting 'server.start'...
[00:36:53] Finished 'server.start' after 8.89 ms
[00:36:53] Starting 'watch.serve'...
[00:36:53] Finished 'watch.serve' after 50 ms
[00:36:53] Finished 'serve' after 11 s
[00:36:53] Server is listening on port: 8080

thanks

Tried to run npm start and got the following output:

[email protected] start E:\Google Drive\Software Development\Shift\test\project
gulp serve --env dev

[19:01:38] Requiring external module ts-node/register

⨯ Unable to compile TypeScript

gulpfile.ts (1,23): Cannot find module 'gulp'. (2307)
tools\config.ts (1,28): Cannot find module 'fs'. (2307)
tools\config.ts (2,20): Cannot find module 'yargs'. (2307)
tools\config.ts (3,31): Cannot find module 'path'. (2307)
tools\config.ts (13,52): Cannot find name '__dirname'. (2304)
tools\config.ts (119,50): Cannot find name 'require'. (2304)
tools\manual_typings\merge-stream.d.ts (2,36): Cannot find namespace 'NodeJS'. (2503)
tools\manual_typings\merge-stream.d.ts (3,33): Cannot find namespace 'NodeJS'. (2503)
tools\manual_typings\merge-stream.d.ts (4,17): Cannot find namespace 'NodeJS'. (2503)
tools\utils.ts (9,17): Cannot find name 'require'. (2304)
tools\utils\code_change_tools.ts (1,26): Cannot find module 'express'. (2307)
tools\utils\code_change_tools.ts (6,20): Cannot find module 'path'. (2307)
tools\utils\code_change_tools.ts (45,18): Cannot find name 'process'. (2304)
tools\utils\server.ts (3,23): Cannot find module 'gulp-util'. (2307)
tools\utils\server.ts (4,26): Cannot find module 'express'. (2307)
tools\utils\server.ts (6,30): Cannot find module 'serve-static'. (2307)
tools\utils\server.ts (8,23): Cannot find module 'path'. (2307)
tools\utils\server.ts (32,25): Cannot find name 'process'. (2304)
tools\utils\tasks_tools.ts (1,23): Cannot find module 'gulp'. (2307)
tools\utils\tasks_tools.ts (2,23): Cannot find module 'gulp-util'. (2307)
tools\utils\tasks_tools.ts (3,24): Cannot find module 'chalk'. (2307)
tools\utils\tasks_tools.ts (4,34): Cannot find module 'gulp-load-plugins'. (2307)
tools\utils\tasks_tools.ts (5,31): Cannot find module 'run-sequence'. (2307)
tools\utils\tasks_tools.ts (6,50): Cannot find module 'fs'. (2307)
tools\utils\tasks_tools.ts (7,20): Cannot find module 'path'. (2307)
tools\utils\tasks_tools.ts (19,10): Cannot find name 'require'. (2304)

tools\utils\template_injectables.ts (4,20): Cannot find module 'path'. (2307)

npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "start"
npm ERR! node v4.4.4
npm ERR! npm v2.15.1
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: gulp serve --env dev
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'gulp serve --env dev'.
npm ERR! This is most likely a problem with the angular2-seed package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! gulp serve --env dev
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular2-seed
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!
npm ERR! npm owner ls angular2-seed
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! E:\Google Drive\Software Development\Shift\test\project\npm-debug.log

-- Here is the contents of npm-debug.log --

0 info it worked if it ends with ok
1 verbose cli [ 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'start' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info prestart [email protected]
6 info start [email protected]
7 verbose unsafe-perm in lifecycle true
8 info [email protected] Failed to exec start script
9 verbose stack Error: [email protected] start: gulp serve --env dev
9 verbose stack Exit status 1
9 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:217:16)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at EventEmitter.emit (events.js:172:7)
9 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:24:14)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at ChildProcess.emit (events.js:172:7)
9 verbose stack at maybeClose (internal/child_process.js:827:16)
9 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
10 verbose pkgid [email protected]
11 verbose cwd E:\Google Drive\Software Development\Shift\test\project
12 error Windows_NT 10.0.10586
13 error argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "start"
14 error node v4.4.4
15 error npm v2.15.1
16 error code ELIFECYCLE
17 error [email protected] start: gulp serve --env dev
17 error Exit status 1
18 error Failed at the [email protected] start script 'gulp serve --env dev'.
18 error This is most likely a problem with the angular2-seed package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error gulp serve --env dev
18 error You can get information on how to open an issue for this project with:
18 error npm bugs angular2-seed
18 error Or if that isn't available, you can get their info via:
18 error
18 error npm owner ls angular2-seed
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]

When i make the width of the display small e.g. mobile device the top menu disappears (is not available). can this be under a button (like the sidemenu does) ?

The tsconfig.json files exclude all of the actual TypeScript files. As a result, in VS Code I get tons of warnings and errors because the tsconfig settings aren't being applied. I recommend deleting the "files" section of src/client/tsconfig.json; then that tsconfig.json can apply to all the files under src/client, which I believe is appropriate, and which fixes the tooling issues.

However, after making this change and adding a "outDir" configuration line so the output doesn't end up scattered among the source directories, I tried running tsc, and it revealed two files will errors:

• test.component.spec.ts imports items that don't exist (seemingly?) from @angular/forms/index (I checked the actual exports, and they aren't in the export declarations, nor anywhere in the @angular tree according to grep)
• in src/client/app/main-prod.ts, it attempts to import './app.module.ngfactory', which doesn't exist.

I'm sure both of these are historical artifacts based on how Angular used to work or how the project used to be structured, but I wanted to file an issue since I assume you'll want to clean these up.

The first looks like a problem with tests; in fact I get a pile of TypeScript errors when I "gulp test".

The second looks to me like it would prevent a production build from working; a little digging found where it breaks:

$ gulp build.js.prod.exp
...
[18:12:35] Starting 'build.js.prod.exp'...
dist\tmp\app\main-prod.ts(5,36): error TS2307: Cannot find module './app.module.ngfactory'.
[18:12:45] TypeScript: 1 semantic error
[18:12:45] TypeScript: emit succeeded (with errors)

The regular prod build works; not sure what the exp build is supposed to do, but it is in fact broken.

Thought you'd want to know.

Just a question - what is the best way to add env variables like API keys using your repo?

Hi,

     I was wondering why the top menu are not showing on mobile devices?

    Looking forward to hear from you soon.

Sincerely
Johny

I'd like to check what this means:

JSON.parse('<%= ENV_CONFIG %>')

I don't quite understand what <%= ENV_CONFIG %> is? Thanks.

The Font Awesome icons don't work right in Firefox

It appears that routes have been deprecated in RC5 in favor of what appears NgModule and RouteModule. Any plans to update this repo to use RC5? It appears that the Angular 2 team is getting closer to a final release based from RC5.

Hello, Please help on how can I deploy it on staging server. Thank you so much

Hi. When I refresh I get 404 error. I thought there was something wrong with my configuration or my base setup but then I found out that this also happens in your demo. Is there a way to fix this? thanks

When I run npm test I get the following error messsage

START:
12 04 2016 11:51:10.841:INFO [karma]: Karma v0.13.22 server started at http://localhost:9876/
12 04 2016 11:51:10.847:INFO [launcher]: Starting browser PhantomJS2
12 04 2016 11:51:10.862:INFO [launcher]: Starting browser Chrome
12 04 2016 11:51:11.844:INFO [Chrome 49.0.2623 (Windows 7 0.0.0)]: Connected on socket /#cHqTYWOa9khwW-vxAAAA with id 66985053
12 04 2016 11:51:12.385:INFO [PhantomJS 2.0.0 (Windows 7 0.0.0)]: Connected on socket /#hWaQSbkcDJH5jzcLAAAB with id 51257053
12 04 2016 11:51:12.715:WARN [web-server]: 404: /base/ng2-bootstrap/ng2-bootstrap.js
Chrome 49.0.2623 (Windows 7 0.0.0) ERROR: 'Error: XHR error (404 Not Found) loading http://localhost:9876/base/ng2-bootstrap/ng2-bootstrap.js
at error (http://localhost:9876/base/node_modules/systemjs/dist/system.src.js?6661518ff30017d19a910845245d893379e0498c:1021:16)
at XMLHttpRequest.xhr.onreadystatechange as _onreadystatechange
at Zone.run (http://localhost:9876/base/node_modules/zone.js/dist/zone-microtask.js?2c40f1490bd97f0e177fa1ec2a3c3000d0f08bd4:120:17)
at XMLHttpRequest.zoneBoundFn (http://localhost:9876/base/node_modules/zone.js/dist/zone-microtask.js?2c40f1490bd97f0e177fa1ec2a3c3000d0f08bd4:93:19)'
12 04 2016 11:51:13.820:WARN [web-server]: 404: /base/ng2-bootstrap/ng2-bootstrap.js
ERROR: Error{stack: undefined, line: 741, sourceURL: 'http://localhost:9876/base/node_modules/systemjs/dist/system.src.js?6661518ff30017d19a910845245d893379e0498c'}
NameList Service
√ should return the list of names

Finished in 0.019 secs / 0.004 secs

Webpack is very famous for package bundle and dev-server.
Is webpack in roadmap ?
Now NG2 team officially declare webpack in their best practices. https://angular.io/docs/ts/latest/guide/webpack.html

I am new in Angular 2, When I refresh page I got 404 error.

how to upgrade to angular rc4

Failed to setup project.

I encounter problem when i start running npm start

Getting these errors on HighCharts you added I think yesterday?

app/pages/charts/components/charts.ts(11,19): error TS2339: Property 'highcharts' does not exist on type 'ElementFinder'.
app/pages/charts/components/charts.ts(66,20): error TS2339: Property 'highcharts' does not exist on type 'ElementFinder'.
app/pages/charts/components/charts.ts(90,24): error TS2339: Property 'highcharts' does not exist on type 'ElementFinder'.
app/pages/charts/components/charts.ts(143,26): error TS2339: Property 'highcharts' does not exist on type 'ElementFinder'.

After downloading commit #2dd5bbe , installation and launck s OK, but build.prod failed with errors.
Attach log of "npm run build.prod"
build.prod.zip

The readme shows a directory tree with a LICENSE file but there is non in the Git repository. Please provide one. Would be great to know what OS license this project is using.

When using max window size in 24' screen divs which use col-- disappear
I noticed there is a max width definition of 1200px which might not be enough in the files __bootstrap-grid.scss and _variables.scss files

Since the file is scss I'm not sure if I can simply edit it

Is there a standard way to set this max width property to a different value?

Hi guys, I would love to help you with ng2 version
I am author of https://github.com/valor-software/ng2-bootstrap
May be it can be useful for you

Both .topnav and .list-group-item.active have a z-index of 2. This results in .list-group-item.active items appearing over the topnav

Fix is increase the z-index on topnav or remove the z-index property from .list-group-item.active

I want to integrate JQuery plugins in my app , How can I do that
for example gauge plugin : http://justgage.com/

When I run the npm install; the shell shows something like:

extract:zone.js: sill doParallel extract 1193

and never ends...I've been waiting for hours.

I used most of your code and integrate it to an angular2-meteor project. Please refer to:

https://github.com/zhouhao27/angular2-meteor-dashboard

But I got a problem, my menu toggle icon not shown and not working when I resize the browser to small size:

Any suggestion? Thanks.

Hey,

Since angular is now in RC, are you planning to update the code for that?

I have resolved

Hi,

I am trying to generate a production build by running the command gulp build.prod, but it is not transpiling the login.ts file and producing following error.

[23:10:53] Finished 'copy.js.prod' after 2.97 s
[23:10:53] Starting 'build.js.prod'...
[23:10:57] Plumber found unhandled error:
Error in plugin 'gulp-inline-ng2-template'
Message:
ENOENT: no such file or directory, open 'E:\Data\Projects\Ecommerce\SB-Admin
-BS4-Angular-2-master\dist\tmp\pages\login\components\pages\login\components\log
in.html'
Details:
errno: -4058
code: ENOENT
syscall: open
path: E:\Data\Projects\Ecommerce\SB-Admin-BS4-Angular-2-master\dist\tmp\page
s\login\components\pages\login\components\login.html
fileName: E:\Data\Projects\Ecommerce\SB-Admin-BS4-Angular-2-master\dist\tmp
pages\login\components\login.ts
[23:11:02] Finished 'build.js.prod' after 9.33 s
[23:11:02] Starting 'build.bundles'...
[23:11:22] Finished 'build.bundles' after 20 s
[23:11:22] Starting 'build.bundles.app'...
[23:11:26] 'build.bundles.app' errored after 3.43 s
[23:11:26] Error on fetch for dist/tmp/pages/login/components/login.js at file:/
//E:/Data/Projects/Ecommerce/SB-Admin-BS4-Angular-2-master/dist/tmp/pages/login/
components/login.js
Loading dist/tmp/layouts/base/base.js
Loading dist/tmp/layouts/base/main.js
Error: ENOENT: no such file or directory, open 'E:\Data\Projects\Ecommer
ce\SB-Admin-BS4-Angular-2-master\dist\tmp\pages\login\components\login.js'
at Error (native)
[23:11:26] 'build.prod' errored after 1.38 min
[23:11:26] Error in plugin 'run-sequence'
Message:
An error occured in task 'build.bundles.app'.

Remove the white space in bsComponent.component.ts line 50:1

Any estimate on a timeline for the upgrade to ng 2.0 final release ?

side navbar inner elements are appearing in the background please suggest me to resolve this issue

Thanks,
Rajesh

I did installation of node LTS 4.4.4, but don't work.

sh-3.2# cat npm-debug.log
0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'start' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info prestart [email protected]
6 info start [email protected]
7 verbose unsafe-perm in lifecycle true
8 info [email protected] Failed to exec start script
9 verbose stack Error: [email protected] start: gulp serve.dev --color
9 verbose stack Exit status 1
9 verbose stack at EventEmitter. (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:217:16)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at EventEmitter.emit (events.js:172:7)
9 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at ChildProcess.emit (events.js:172:7)
9 verbose stack at maybeClose (internal/child_process.js:827:16)
9 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
10 verbose pkgid [email protected]
11 verbose cwd /Volumes/WINDOWS/Dropbox (Pessoal)/Dropbox - 2016/www-2016/Angular2/SB-Admin-BS4-Angular-2
12 error Darwin 15.5.0
13 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
14 error node v4.4.4
15 error npm v2.15.1
16 error code ELIFECYCLE
17 error [email protected] start: gulp serve.dev --color
17 error Exit status 1
18 error Failed at the [email protected] start script 'gulp serve.dev --color'.
18 error This is most likely a problem with the SB-Admin-BS4-Angular-2 package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error gulp serve.dev --color
18 error You can get information on how to open an issue for this project with:
18 error npm bugs SB-Admin-BS4-Angular-2
18 error Or if that isn't available, you can get their info via:
18 error
18 error npm owner ls SB-Admin-BS4-Angular-2
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]
sh-3.2# https://nodejs.org/dist/v4.4.4/node-v4.4.4.pkg

Command - npm install
Warning -

npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible
. Use 'npm ls graceful-fs' to find it in the tree.

npm WARN deprecated [email protected]: this package has been reintegrated into npm a
nd is now out of date with respect to npm

Hi,

I would like to test your wonderful UI. But I have a problem to start the server...
Do you have any ideas ?
Cheers

# npm start

> [email protected] start /opt/SB-Admin-BS4-Angular-2
> gulp serve --env dev

[13:47:08] Requiring external module ts-node/register
----------------------------------
⨯ Unable to compile TypeScript

gulpfile.ts (1,23): Cannot find module 'gulp'. (2307)
tools/config.ts (1,28): Cannot find module 'fs'. (2307)
tools/config.ts (2,20): Cannot find module 'yargs'. (2307)
tools/config.ts (3,31): Cannot find module 'path'. (2307)
tools/config.ts (13,52): Cannot find name '__dirname'. (2304)
tools/config.ts (119,50): Cannot find name 'require'. (2304)
tools/manual_typings/merge-stream.d.ts (2,36): Cannot find namespace 'NodeJS'. (2503)
tools/manual_typings/merge-stream.d.ts (3,33): Cannot find namespace 'NodeJS'. (2503)
tools/manual_typings/merge-stream.d.ts (4,17): Cannot find namespace 'NodeJS'. (2503)
tools/utils.ts (9,17): Cannot find name 'require'. (2304)
tools/utils/code_change_tools.ts (1,26): Cannot find module 'express'. (2307)
tools/utils/code_change_tools.ts (6,20): Cannot find module 'path'. (2307)
tools/utils/code_change_tools.ts (45,18): Cannot find name 'process'. (2304)
tools/utils/server.ts (3,23): Cannot find module 'gulp-util'. (2307)
tools/utils/server.ts (4,26): Cannot find module 'express'. (2307)
tools/utils/server.ts (6,30): Cannot find module 'serve-static'. (2307)
tools/utils/server.ts (8,23): Cannot find module 'path'. (2307)
tools/utils/server.ts (32,25): Cannot find name 'process'. (2304)
tools/utils/tasks_tools.ts (1,23): Cannot find module 'gulp'. (2307)
tools/utils/tasks_tools.ts (2,23): Cannot find module 'gulp-util'. (2307)
tools/utils/tasks_tools.ts (3,24): Cannot find module 'chalk'. (2307)
tools/utils/tasks_tools.ts (4,34): Cannot find module 'gulp-load-plugins'. (2307)
tools/utils/tasks_tools.ts (5,31): Cannot find module 'run-sequence'. (2307)
tools/utils/tasks_tools.ts (6,50): Cannot find module 'fs'. (2307)
tools/utils/tasks_tools.ts (7,20): Cannot find module 'path'. (2307)
tools/utils/tasks_tools.ts (19,10): Cannot find name 'require'. (2304)
tools/utils/template_injectables.ts (4,20): Cannot find module 'path'. (2307)
----------------------------------

npm ERR! Linux 2.6.32-042stab111.12
npm ERR! argv "/root/.nvm/versions/node/v5.9.1/bin/node" "/root/.nvm/versions/node/v5.9.1/bin/npm" "start"
npm ERR! node v5.9.1
npm ERR! npm  v3.7.3
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: `gulp serve --env dev`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'gulp serve --env dev'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular2-seed package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     gulp serve --env dev
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs angular2-seed
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls angular2-seed
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /opt/SB-Admin-BS4-Angular-2/npm-debug.log

This is the content of the log file 👍

more /opt/SB-Admin-BS4-Angular-2/npm-debug.log
0 info it worked if it ends with ok
1 verbose cli [ '/root/.nvm/versions/node/v5.9.1/bin/node',
1 verbose cli   '/root/.nvm/versions/node/v5.9.1/bin/npm',
1 verbose cli   'start' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle [email protected]~prestart: [email protected]
6 silly lifecycle [email protected]~prestart: no script for prestart, continuing
7 info lifecycle [email protected]~start: [email protected]
8 verbose lifecycle [email protected]~start: unsafe-perm in lifecycle true
9 verbose lifecycle [email protected]~start: PATH: /root/.nvm/versions/node/v5.9.1/lib/node_modules/npm/bin/node-gyp-bin:/opt/SB-Admin-BS4-Angular-2/node_modules/.bin:/root/.nvm/versions/node/v5.9.1/bin:/root/.nvm/versions/node/v5.9.1/bin:/usr/local/sbin:/usr
/local/bin:/usr/sbin:/usr/bin:/sbin:/bin
10 verbose lifecycle [email protected]~start: CWD: /opt/SB-Admin-BS4-Angular-2
11 silly lifecycle [email protected]~start: Args: [ '-c', 'gulp serve --env dev' ]
12 silly lifecycle [email protected]~start: Returned: code: 1  signal: null
13 info lifecycle [email protected]~start: Failed to exec start script
14 verbose stack Error: [email protected] start: `gulp serve --env dev`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (/root/.nvm/versions/node/v5.9.1/lib/node_modules/npm/lib/utils/lifecycle.js:239:16)
14 verbose stack     at emitTwo (events.js:100:13)
14 verbose stack     at EventEmitter.emit (events.js:185:7)
14 verbose stack     at ChildProcess.<anonymous> (/root/.nvm/versions/node/v5.9.1/lib/node_modules/npm/lib/utils/spawn.js:24:14)
14 verbose stack     at emitTwo (events.js:100:13)
14 verbose stack     at ChildProcess.emit (events.js:185:7)
14 verbose stack     at maybeClose (internal/child_process.js:850:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:215:5)
15 verbose pkgid [email protected]
16 verbose cwd /opt/SB-Admin-BS4-Angular-2
17 error Linux 2.6.32-042stab111.12
18 error argv "/root/.nvm/versions/node/v5.9.1/bin/node" "/root/.nvm/versions/node/v5.9.1/bin/npm" "start"
19 error node v5.9.1
20 error npm  v3.7.3
21 error code ELIFECYCLE
22 error [email protected] start: `gulp serve --env dev`
22 error Exit status 1
23 error Failed at the [email protected] start script 'gulp serve --env dev'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the angular2-seed package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     gulp serve --env dev
23 error You can get information on how to open an issue for this project with:
23 error     npm bugs angular2-seed
23 error Or if that isn't available, you can get their info via:
23 error     npm owner ls angular2-seed
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

I have a service that contains:

Import { Injectable } from '@angular/core';
import { NewsSelectorComponent } from './news/index';
import { MyEventsSelectorComponent } from './myevents/index';
import { MyActionItemSelectorComponent } from './my-action-item/index';
import { WatchItemSelectorComponent } from './watch-items/index';

declare var jQuery:any;

@Injectable()
export class HomeService {

  private   listbox:any[]= [];

  private widgets = window.localStorage.getItem('widget_list') === null ? [] : window.localStorage.getItem('widget_list').split(',');

  getUserWidgets() {

     console.log('data: ', WatchItemSelectorComponent);

  }
}

in dev it works fine, but when doing:
npm run serve.prod

the output on the console is
function e(e) {this._watchItemService=e,this.isLoading=!0,this.isError=!1}

my expected output was

function WatchItemSelectorComponent(_watchItemService) {
        this._watchItemService = _watchItemService;
        this.isLoading = true;
        this.isError = false;
    } 

Have date-picker plugin ???

The demo site displays blank page on iPad Chrome 49.0.2623.109 and Safari
http://rawgit.com/start-angular/SB-Admin-BS4-Angular-2/master/dist/prod/index.html

Wrong one: git clone [email protected]:start-angular/SB-Admin-BS4-Angular-2.git
Fixed one : git clone [email protected]/start-angular/SB-Admin-BS4-Angular-2.git

npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_mo dules\npm\bin\npm-cli.js" "install"
npm ERR! node v5.1.0
npm ERR! npm v3.3.12
npm ERR! code ELIFECYCLE

npm ERR! [email protected] install: node-gyp rebuild
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script 'node-gyp rebuild'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the contextify package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node-gyp rebuild
npm ERR! You can get their info via:
npm ERR! npm owner ls contextify
npm ERR! There is likely additional logging output above.

npm-debug.log's content

npm-debug.log.txt