jaesung2061 / anvel Goto Github PK

Hi,
When I follow steps to install npm I got some erros, I ignore them and try to run webpack but then I get these errors:

ERROR in D:\xampp\htdocs\anvel\node_modules@ng-bootstrap\ng-bootstrap\buttons\radio.d.ts
(11,14): error TS1005: '=' expected.

ERROR in D:\xampp\htdocs\anvel\node_modules@ng-bootstrap\ng-bootstrap\buttons\radio.d.ts
(11,22): error TS1005: ';' expected.

ERROR in D:\xampp\htdocs\anvel\node_modules@ng-bootstrap\ng-bootstrap\buttons\radio.d.ts
(11,14): error TS2304: Cannot find name 'disabled'.

ERROR in ./angular/styles.ts
Module not found: Error: Cannot resolve 'file' or 'directory' ./styles/bootstrap/bootstrap-flex.scss in D:\xampp\htdocs\anvel\angular
@ ./angular/styles.ts 8:0-65

I use windows 7, xampp on php 7, last version nodejs 7.4. Can you help me?

@jaesung2061 @sakul977
I installed this project fresh on a laragon server and getting this when trying to do npm install:

[email protected] bootstrap C:\laragon\www\anvel
if [ ! -d "angular/styles/bootstrap" ]; then cp -R node_modules/bootstrap/scss angular/styles/bootstrap; fi

! was unexpected at this time.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] bootstrap: `if [ ! -d "angular/styles/bootstrap" ]; then cp -R node_modules/bootstrap/scss angular/styles/bootstrap; fi`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] bootstrap script 'if [ ! -d "angular/styles/bootstrap" ]; then cp -R node_modules/bootstrap/scss angular/styles/bootstrap; fi'.
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 anvel package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     if [ ! -d "angular/styles/bootstrap" ]; then cp -R node_modules/bootstrap/scss angular/styles/bootstrap; fi
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs anvel
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls anvel
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\User\AppData\Roaming\npm-cache\_logs\2017-03-17T08_05_47_202Z-debug.log

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN @angular/[email protected] requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of zone.js@^0.7.2 but none was installed.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN [email protected] No repository field.
npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! node v7.7.3
npm ERR! npm  v4.1.2
npm ERR! code ELIFECYCLE
npm ERR! [email protected] postinstall: `typings install && npm run bootstrap`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'typings install && npm run bootstrap'.
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 anvel package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     typings install && npm run bootstrap
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs anvel
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls anvel
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     C:\laragon\www\anvel\npm-debug.log

C:\laragon\www\anvel>

106 verbose cwd C:\laragon\www\anvel
107 error Windows_NT 10.0.14393
108 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"
109 error node v7.7.3
110 error npm  v4.1.2
111 error code ELIFECYCLE
112 error [email protected] postinstall: `typings install && npm run bootstrap`
112 error Exit status 1
113 error Failed at the [email protected] postinstall script 'typings install && npm run bootstrap'.
113 error Make sure you have the latest version of node.js and npm installed.
113 error If you do, this is most likely a problem with the anvel package,
113 error not with npm itself.
113 error Tell the author that this fails on your system:
113 error     typings install && npm run bootstrap
113 error You can get information on how to open an issue for this project with:
113 error     npm bugs anvel
113 error Or if that isn't available, you can get their info via:
113 error     npm owner ls anvel
113 error There is likely additional logging output above.
114 verbose exit [ 1, true ]

Should I just skip this error and copy the files manually or would there be anything missing if I did so?

Hi,
Can you tell me when I finish application,how do I publish it into publish hosting?Only copy files using ftp?Which one I need and how to copy to server that everything works?Tnx for this great start package!

I have just finished installing this. After I executed npm start, it redirected me to localhost:3000, but that page kept loading and finally gave error:
The localhost page isn’t working. localhost didn’t send any data.

The web server was already running and I could run the other applications there. What should I check here?

Hey, I wanted to grab your attention that when I built a fresh clone a using ng build a compilation error was produced.

 86% hashingcrypto.js:74
  this._handle.update(data, encoding);
               ^

TypeError: Data must be a string or a buffer
    at Hash.update (crypto.js:74:16)
    at HarmonyExportImportedSpecifierDependency.updateHash (D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\dependencies\HarmonyExportImportedSpecifierDependency.js:144:8)
    at D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\DependenciesBlock.js:33:5
    at Array.forEach (native)
    at NormalModule.DependenciesBlock.updateHash (D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\DependenciesBlock.js:32:20)
    at NormalModule.Module.updateHash (D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\Module.js:162:41)
    at NormalModule.updateHash (D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\NormalModule.js:327:30)
    at modules.forEach.m (D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\Chunk.js:253:31)
    at Array.forEach (native)
    at Chunk.updateHash (D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\Chunk.js:253:16)
    at Compilation.createHash (D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\Compilation.js:1121:10)
    at sealPart2 (D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\Compilation.js:605:9)
    at next (D:\My Projects\laravel_ng2_test1\node_modules\tapable\lib\Tapable.js:138:11)
    at Compilation.<anonymous> (D:\My Projects\laravel_ng2_test1\node_modules\webpack\lib\ProgressPlugin.js:110:5)
    at next (D:\My Projects\laravel_ng2_test1\node_modules\tapable\lib\Tapable.js:140:14)
    at ExtractTextPlugin.<anonymous> (D:\My Projects\laravel_ng2_test1\node_modules\extract-text-webpack-plugin\index.js:317:5)

After following the solution referenced here webpack/webpack#4072

it was resolved by adding @angular/cdk as an npm dependency.
Thank you!

Hi, I'm having a problem where the token generated by JWT (and any other asset by the way) is not stored in cache. Login works correctly but when I refresh the page I'm logged out immediately, saying that the cached token was not found. Could it be that the cache isn't enabled although I specified it in the .env?

Any plan For reload real time server for angular 2?

Hello, I'm still having fun with your boilerplate but I'm stuck at some point :
I tried to add bower_components, redirecting them to /vendor but it doesn't seem to have any effect at all.
Same when I add styles to app.component.scss (it works if I'm adding styles directly in components though).
Could you give me a hint so I could continue to learn more about your work?

Thank you!!

Hi,
How to send get params over api? I ty to send string and URLSearchParams object as search
return this.api.get('endpoint', {search: params, headers: this.options.headers}).do( ... but it's didn't work :( can you help me?

Show different code when "VIew Page Source" at " localhost:3000" . I expect to see app.component.html.

Hi, how can I test the API alone? Is there a way I can access the API routes in postman to test it and then build the angular part?

after running the command webpack I get the following errors

$ npm -v
4.0.5
$ nodejs -v
v7.4.0

Hello,

First of all, thanks for your project, I was looking for a PHP micro framework and here are you with Lumen+Angular2.
I followed your instructions but I always get the same error :

Parse error: syntax error, unexpected '.', expecting ',' or ';' in /var/www/html/bootstrap/app.php on line 3

But it looks ok to me :

<?php

const APP_ROOT = __DIR__.'/../';

require_once __DIR__.'/../vendor/autoload.php';

try {
    (new Dotenv\Dotenv(__DIR__.'/../'))->load();
} catch (Dotenv\Exception\InvalidPathException $e) {
    //
}

(I tried on 2 different servers)

If you have any clue, I'd take it.
Thanks a lot!

@jaesung2061 Can you please create a tutorial on how to integrate Angular with Laravel? Might be very useful for future.

Hi,
Can you show me some example how to use your login component for something like this - user successfully login, redirect them to some route (some admin route) and when click on logout delete token from local storage and redirect them back to not login area?

C:\Users\synct\projects\myLumenNg>npm install

[email protected] postinstall C:\Users\synct\projects\myLumenNg
typings install && npm run bootstrap

├── moment
├── es6-shim (ambient)
├── jasmine (ambient)
└── node (ambient)

[email protected] bootstrap C:\Users\synct\projects\myLumenNg
if [ ! -d "angular/styles/bootstrap" ]; then cp -R node_modules/bootstrap/scss angular/styles/bootstrap; fi

這個時候不應有 !。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] bootstrap: if [ ! -d "angular/styles/bootstrap" ]; then cp -R node_modules/bootstrap/scss angular/styles/bootstrap; fi
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] bootstrap script 'if [ ! -d "angular/styles/bootstrap" ]; then cp -R node_modules/bootstrap/scss angular/styles/bootstrap; fi'.
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 anvel package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! if [ ! -d "angular/styles/bootstrap" ]; then cp -R node_modules/bootstrap/scss angular/styles/bootstrap; fi
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs anvel
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls anvel
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\synct\AppData\Roaming\npm-cache_logs\2017-04-06T03_19_07_874Z-debug.log
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN @angular/[email protected] requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of zone.js@^0.7.2 but none was installed.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN [email protected] No repository field.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: typings install && npm run bootstrap
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'typings install && npm run bootstrap'.
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 anvel package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! typings install && npm run bootstrap
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs anvel
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls anvel
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\synct\AppData\Roaming\npm-cache_logs\2017-04-06T03_19_07_960Z-debug.log

My envirnment
OS: win10
node:v7.2.0
npm:4.4.4

Best Regards

I've followed your routing documentation on http://anvel.io/docs/routing.

Navigating to the Route.
Add this link anywhere accessible.

<a [routerLink]="['/contact']">Contact
Note: Don't forget to inject ROUTER_DIRECTIVES into the component.
Refresh the page and click on the link.

I've been refreshing 1000 times, nothing happened. Noob here, please help.

I try on my localhost (Windows 8.1, wamp) to logout by click button, but in concole I can see error 404:
https://i.imgur.com/meeizpu.png

My logout function in component.ts:

public logoutUser() {
        this.auth.logout().subscribe(
            () => {
                console.log("Logout success.");       
            },
            (error) => {
                this.error = true;
                console.error(error);
            });
    }

My logout function in component.html:
<button (click)="logoutUser()">Wyloguj</button>

What is the propper way to create component with content available only for logged in users with "Logout button"

I was looking for good starter kit for Angular 2 and Lumen, and this is just brilliant. But could you upgrade the core packages? Final Angular 2.0 is out, Lumen 5.3 is ready.

app not working on live server
where showing error js file not found

Hello ,

after I type " ng build --watch " this error appears !

any suggestions .

Thank you .

I tried to run anvel on wamp server in Windows. I upadated PHP version (I have version 7.0.15), but in console I have a bug :

rerquire_once(): Failed opening required 'C:\wamp64\www\beauty-app\anvel\bootstrap/../vendor/autoload.php' (include_path='.;C:\php\pear' in C:\wamp64\www\beauty-app\anvel\bootstrap\app.php on line 3

There is a screen: https://imgur.com/FMttWhL

I looked for a autoload.php file in my project directory, but I can't find it. What should I do to run my project?

Getting this error on install. Saw an issue similar to this earlier on which was because of PHP version, but I'm running PHP 5.6.14. Seems to happen any time I type php artisan

PHP Parse error: syntax error, unexpected '.', expecting ',' or ';' in /Users/al/projects/anvel/bootstrap/app.php on line 3

Also got this when running npm install: if it makes any difference:

npm ERR! Darwin 16.1.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v4.2.2
npm ERR! npm v2.14.7
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package @angular/[email protected] does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/[email protected]
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/common@^2.0.0
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/common@^2.0.0
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/common@^2.0.0
npm ERR! peerinvalid Peer [email protected] wants @angular/common@^2.0.0

How to close error alert who have close button?

This I am change in login component:
<ngb-alert type="danger" [dismissible]="false" *ngIf="error">
The email/password you provided does not match our records.

to:
<ngb-alert type="danger" [dismissible]="true" *ngIf="error">
The email/password you provided does not match our records.

Hi there,

i'm on a Debian Wheezy machine with NodeJS v6.10.0 and npm 4.2.0.
After the npm install command i get the following:

-- UNMET PEER DEPENDENCY [email protected]

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN @angular/[email protected] requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.0.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of zone.js@^0.7.2 but none was installed.
npm WARN [email protected] No repository field.

How can i solve this?

Thank you!