search

angular-fullstack / generator-angular-fullstack

Yeoman generator for an Angular app with an Express server
https://awk34.gitbook.io/generator-angular-fullstack
6.13k stars 1.24k forks source link

Building Problem with Version: BETA & 5.0.0-rc.1 #2715

Closed xCuzImPro closed 6 years ago

xCuzImPro commented 6 years ago
Item Version
generator-angular-fullstack BETA & 5.0.0-rc.1
Node v8.11.1
npm 6.0.0
Operating System Windows 10 /
etc etc
Item Answer
Transpiler Babel / TypeScript
Markup HTML
CSS SCSS
Router ngRoute / ui-router
Client Tests Jasmine & Mocha
DB MongoDB
Auth Y & N
etc etc

SAME WITH #2711 & #2675

Carsten@Carsten-PC MINGW64 /g/Coding/NODEJS_Projekts/myapp
$ node -v
v8.11.1

Carsten@Carsten-PC MINGW64 /g/Coding/NODEJS_Projekts/myapp
$ npm -v
6.0.0

Carsten@Carsten-PC MINGW64 /g/Coding/NODEJS_Projekts
$ cd myapp

Carsten@Carsten-PC MINGW64 /g/Coding/NODEJS_Projekts/myapp
$ yo
? 'Allo CuZiMPr0! What would you like to do? Angular Fullstack

Make sure you are in the directory you want to scaffold into.
This generator can also be run with: yo angular-fullstack

     _-----_
    |       |
    |--(o)--|   .--------------------------.
   `---------´  |    Welcome to Yeoman,    |
    ( _´U`_ )   |   ladies and gentlemen!  |
    /___A___\   '__________________________'
     |  ~  |
   __'.___.'__
 ´   `  |° ´ Y `

Angular Fullstack v5.0.0-rc.1

Out of the box I create an Angular app with an Express server.

# Client

? What would you like to write scripts with? TypeScript
? What would you like to write markup with? HTML
? What would you like to write stylesheets with? Sass
? Would you like to include Bootstrap? Yes
? Would you like to include UI Bootstrap? Yes

# Server

? What would you like to use for data modeling? Mongoose (MongoDB)
? Would you scaffold out an authentication boilerplate? Yes
? Would you like to include additional oAuth strategies? Google, Facebook, Twitter
? Would you like to use WebSockets? Yes

# Project

? What would you like to write tests with? Jasmine
   create package.json
   create .babelrc
   create .gitignore
   create .buildignore
   create .editorconfig
   create .eslintignore
   create .eslintrc
   create .gitattributes
   create .travis.yml
   create client\app.template.html
   create client\app\account\account.module.ts
   create client\app\account\login\login.html
   create client\app\account\login\login.component.ts
   create client\app\account\settings\settings.component.ts
   create client\app\account\settings\settings.html
   create client\app\account\signup\signup.component.ts
   create client\app\account\signup\signup.html
   create client\app\admin\admin.component.ts
   create client\app\admin\admin.html
   create client\app\admin\admin.module.ts
   create client\app\admin\admin.scss
   create client\app\app.component.ts
   create client\app\app.scss
   create client\app\app.constants.ts
   create client\app\main\main.html
   create client\app\app.ts
   create client\app\app.module.ts
   create client\app\main\main.component.ts
   create client\app\main\main.component.spec.ts
   create client\app\main\main.module.ts
   create client\app\main\main.scss
   create client\app\polyfills.ts
   create client\assets\images\yeoman.png
   create client\components\auth\auth-guard.service.ts
   create client\components\footer\footer.html
   create client\components\auth\auth.module.ts
   create client\components\footer\footer.scss
   create client\components\auth\auth.service.ts
   create client\components\navbar\navbar.html
   create client\components\auth\user.service.ts
   create client\components\directives.module.ts
   create client\components\footer\footer.component.ts
   create client\components\navbar\navbar.component.ts
   create client\components\oauth-buttons\oauth-buttons.component.ts
   create client\components\oauth-buttons\oauth-buttons.component.spec.ts
   create client\components\oauth-buttons\oauth-buttons.html
   create client\components\oauth-buttons\oauth-buttons.scss
   create client\components\socket\primus.mock.ts
   create client\favicon.ico
   create client\components\socket\socket.mock.ts
   create client\robots.txt
   create client\components\socket\socket.service.ts
   create client\tslint.json
   create client\components\util.ts
   create e2e\.eslintrc
   create client\components\util.spec.ts
   create e2e\account\login\login.po.js
   create e2e\account\login\login.spec.js
   create e2e\account\logout\logout.spec.js
   create e2e\account\signup\signup.po.js
   create e2e\account\signup\signup.spec.js
   create e2e\components\navbar\navbar.po.js
   create e2e\components\oauth-buttons\oauth-buttons.po.js
   create e2e\main\main.po.js
   create e2e\main\main.spec.js
   create gulpfile.babel.js
   create karma.conf.js
   create mocha.conf.js
   create mocha.global.js
   create postcss.config.js
   create protractor.conf.js
   create README.md
   create server\.eslintrc
   create server\api\user\index.js
   create server\api\user\index.spec.js
   create server\api\user\user.controller.js
   create server\api\user\user.events.js
   create server\api\user\user.integration.js
   create server\api\user\user.model.spec.js
   create server\api\user\user.model.js
   create server\app.js
   create server\auth\auth.service.js
   create server\auth\facebook\index.js
   create server\auth\facebook\passport.js
   create server\auth\google\index.js
   create server\auth\google\passport.js
   create server\auth\index.js
   create server\auth\local\index.js
   create server\auth\local\passport.js
   create server\auth\twitter\index.js
   create server\auth\twitter\passport.js
   create server\components\errors\index.js
   create server\config\local.env.js
   create server\config\local.env.sample.js
   create server\views\404.html
   create server\config\environment\development.js
   create spec.js
   create server\config\environment\index.js
   create tsconfig.client.test.json
   create server\config\environment\production.js
   create tsconfig.json
   create server\config\environment\shared.js
   create webpack.build.js
   create server\config\environment\test.js
   create webpack.dev.js
   create server\config\express.js
   create webpack.make.js
   create server\config\seed.js
   create webpack.server.js
   create server\config\websockets.js
   create webpack.test.js
   create server\index.js
   create server\routes.js
   create server\api\thing\thing.controller.js
   create server\api\thing\thing.events.js
   create server\api\thing\thing.integration.js
   create server\api\thing\thing.model.js
   create server\api\thing\thing.socket.js
   create server\api\thing\index.js
   create server\api\thing\index.spec.js
npm WARN deprecated babel-preset-es2015@6.24.1: 🙌  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated babel-preset-es2016@6.24.1: 🙌  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated babel-preset-es2017@6.24.1: 🙌  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated formatio@1.2.0: This package is unmaintained. Use @sinonjs/formatio instead
npm WARN deprecated graceful-fs@3.0.11: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated wrench@1.3.9: wrench.js is deprecated! You should check out fs-extra (https://github.com/jprichardson/node-fs-extra) for any operations you were using wrench for. Thanks for all the usage over the years.
npm WARN deprecated natives@1.1.3: This module relies on Node.js's internals and will break at some point. Do not use it, and update to graceful-fs@4.x.
npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated graceful-fs@1.2.3: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js

> phantomjs-prebuilt@2.1.16 install G:\Coding\NODEJS_Projekts\myapp\node_modules\phantomjs-prebuilt
> node install.js

PhantomJS not found on PATH
Downloading https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-windows.zip
Saving to C:\Users\Carsten\AppData\Local\Temp\phantomjs\phantomjs-2.1.1-windows.zip
Receiving...
  [========================----------------] 59%
Received 17767K total.
Extracting zip contents
Removing G:\Coding\NODEJS_Projekts\myapp\node_modules\phantomjs-prebuilt\lib\phantom
Copying extracted folder C:\Users\Carsten\AppData\Local\Temp\phantomjs\phantomjs-2.1.1-windows.zip-extract-1524923377905\phantomjs-2.1.1-windows -> G:\Coding\NODEJS_Projekts\myapp\node_modules\phantomjs-prebuilt\lib\phantom
Writing location.js file
Done. Phantomjs binary available at G:\Coding\NODEJS_Projekts\myapp\node_modules\phantomjs-prebuilt\lib\phantom\bin\phantomjs.exe

> node-sass@4.9.0 install G:\Coding\NODEJS_Projekts\myapp\node_modules\node-sass
> node scripts/install.js

Cached binary found at C:\Users\Carsten\AppData\Roaming\npm-cache\node-sass\4.9.0\win32-x64-57_binding.node

> uws@8.14.1 install G:\Coding\NODEJS_Projekts\myapp\node_modules\uws
> node-gyp rebuild > build_log.txt 2>&1 || exit 0

> uglifyjs-webpack-plugin@0.4.6 postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js

> gifsicle@3.0.4 postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\gifsicle
> node lib/install.js

  √ gifsicle pre-build test passed successfully

> jpegtran-bin@3.2.0 postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\jpegtran-bin
> node lib/install.js

  √ jpegtran pre-build test passed successfully

> optipng-bin@3.1.4 postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\optipng-bin
> node lib/install.js

  √ optipng pre-build test passed successfully

> node-sass@4.9.0 postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\node-sass
> node scripts/build.js

Binary found at G:\Coding\NODEJS_Projekts\myapp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine

> nodemon@1.17.3 postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\nodemon
> node -e "console.log('\u001b[32mLove nodemon? You can now support the project via the open collective:\u001b[22m\u001b[39m\n > \u001b[96m\u001b[1mhttps://opencollective.com/nodemon/donate\u001b[0m\n')" || exit 0

Love nodemon? You can now support the project via the open collective:
 > https://opencollective.com/nodemon/donate

(node:3364) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 SIGINT listeners added. Use emitter.setMaxListeners() to increase limit

> myapp@0.0.0 postinstall G:\Coding\NODEJS_Projekts\myapp
> gulp copy:fonts:dev

[15:50:08] Failed to load external module @babel/register
[15:50:08] Requiring external module babel-register
[15:50:22] Using gulpfile G:\Coding\NODEJS_Projekts\myapp\gulpfile.babel.js
[15:50:22] Starting 'copy:fonts:dev'...
[15:50:22] Finished 'copy:fonts:dev' after 165 ms
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN angular2-jwt@0.2.3 requires a peer of @angular/core@^2.0.0||^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN angular2-jwt@0.2.3 requires a peer of @angular/http@^2.0.0||^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN The package babel-core is included as both a dev and production dependency.
npm WARN The package babel-plugin-transform-runtime is included as both a dev and production dependency.
npm WARN The package babel-preset-es2015 is included as both a dev and production dependency.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 2137 packages from 2084 contributors in 335.285s

     _-----_     ╭───────────────────────╮
    |       |    │      Bye from us!     │
    |--(o)--|    │       Chat soon.      │
   `---------´   │      Yeoman team      │
    ( _´U`_ )    │    http://yeoman.io   │
    /___A___\   /╰───────────────────────╯
     |  ~  |
   __'.___.'__
 ´   `  |° ´ Y `

Carsten@Carsten-PC MINGW64 /g/Coding/NODEJS_Projekts/myapp
$

Carsten@Carsten-PC MINGW64 /g/Coding/NODEJS_Projekts/myapp
$ mognod
bash: mognod: command not found

Carsten@Carsten-PC MINGW64 /g/Coding/NODEJS_Projekts/myapp
$ gulp serve
[15:58:41] Failed to load external module @babel/register
[15:58:41] Requiring external module babel-register
[15:58:44] Using gulpfile G:\Coding\NODEJS_Projekts\myapp\gulpfile.babel.js
[15:58:44] Starting 'serve'...
[15:58:44] Starting 'clean:tmp'...
[15:58:44] Starting 'lint:scripts'...
[15:58:44] Starting 'lint:scripts:client'...
[15:58:44] Starting 'lint:scripts:server'...
[15:58:44] Starting 'inject'...
[15:58:44] Starting 'inject:scss'...
[15:58:45] Starting 'copy:fonts:dev'...
[15:58:45] Starting 'env:all'...
[15:58:45] Finished 'env:all' after 30 ms
[15:58:45] Finished 'clean:tmp' after 444 ms
[15:58:47] gulp-inject Nothing to inject into app.scss.

Could not find implementations for the following rules specified in the configuration:
    label-undefined
    no-duplicate-key
Try upgrading TSLint and/or ensuring that you have all necessary custom rules installed.
If TSLint was recently upgraded, you may have old rules configured which need to be cleaned up.

Warning: The 'no-unused-variable' rule requires type information.
Warning: The 'no-use-before-declare' rule requires type information.
[15:58:47] Finished 'inject:scss' after 2.84 s
[15:58:47] Finished 'inject' after 2.84 s
[15:58:48] Finished 'lint:scripts:client' after 3.64 s
[15:58:48] Finished 'copy:fonts:dev' after 3.56 s
[15:58:48]
G:\Coding\NODEJS_Projekts\myapp\server\api\user\user.model.js
  241:20  warning  Unexpected sync method: 'pbkdf2Sync'  no-sync

✖ 1 problem (0 errors, 1 warning)

[15:58:48] Finished 'lint:scripts:server' after 4.08 s
[15:58:48] Finished 'lint:scripts' after 4.09 s
[15:58:48] Starting 'start:server'...
[15:58:48] Finished 'start:server' after 44 ms
[15:58:48] Starting 'start:client'...
[nodemon] 1.17.3
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: G:\Coding\NODEJS_Projekts\myapp\server/**/*
[nodemon] starting `node server`

[at-loader] Using typescript@2.6.2 from typescript and "tsconfig.json" from G:\Coding\NODEJS_Projekts\myapp/tsconfig.json.

(node:19880) DeprecationWarning: `open()` is deprecated in mongoose >= 4.11.0, use `openUri()` instead, or set the `useMongoClient` option if using `connect()` or `createConnection()`. See http://mongoosejs.com/docs/4.x/docs/connections.html#use-mongo-client
finished populating things
finished populating users
Express server listening on 9000, in development mode

[at-loader] Checking started in a separate process...

[at-loader] Checking finished with 1 errors
Hash: 82510664011b3c8bc507
Version: webpack 3.11.0
Time: 22360ms
                  Asset     Size  Chunks                    Chunk Names
          app.bundle.js  5.91 MB    0, 1  [emitted]  [big]  app
    polyfills.bundle.js   333 kB       1  [emitted]  [big]  polyfills
       vendor.bundle.js   571 kB       2  [emitted]  [big]  vendor
      app.bundle.js.map  7.26 MB    0, 1  [emitted]         app
polyfills.bundle.js.map   426 kB       1  [emitted]         polyfills
   vendor.bundle.js.map   699 kB       2  [emitted]         vendor
     ../client/app.html  1.34 kB          [emitted]

WARNING in ./node_modules/@angular/core/esm5/core.js
6570:15-36 Critical dependency: the request of a dependency is an expression
 @ ./node_modules/@angular/core/esm5/core.js
 @ ./client/app/app.ts
 @ multi webpack-dev-server/client?http://localhost:3000/ webpack/hot/dev-server ./client/app/app.ts

WARNING in ./node_modules/@angular/core/esm5/core.js
6590:15-102 Critical dependency: the request of a dependency is an expression
 @ ./node_modules/@angular/core/esm5/core.js
 @ ./client/app/app.ts
 @ multi webpack-dev-server/client?http://localhost:3000/ webpack/hot/dev-server ./client/app/app.ts

ERROR in [at-loader] ./client/components/socket/socket.service.ts:2:20
    TS2306: File 'G:/Coding/NODEJS_Projekts/myapp/client/components/socket/primus.js' is not a module.
Child html-webpack-plugin for "..\client\app.html":
                 Asset     Size  Chunks  Chunk Names
    ../client/app.html  27.3 kB       0
webpack: Failed to compile.
webpack: Compiling...

[at-loader] Checking started in a separate process...

[at-loader] Checking finished with 1 errors
Hash: 572fec244f306a60599a
Version: webpack 3.11.0
Time: 4158ms
                               Asset      Size  Chunks                    Chunk Names
fbf47511146008634f37.hot-update.json  44 bytes          [emitted]
                       app.bundle.js   5.91 MB    0, 1             [big]  app
                 polyfills.bundle.js    333 kB       1             [big]  polyfills
                    vendor.bundle.js    571 kB       2  [emitted]  [big]  vendor
82510664011b3c8bc507.hot-update.json  35 bytes          [emitted]
                   app.bundle.js.map   7.26 MB    0, 1                    app
             polyfills.bundle.js.map    426 kB       1                    polyfills
                vendor.bundle.js.map    699 kB       2  [emitted]         vendor
                  ../client/app.html   1.34 kB          [emitted]

WARNING in ./node_modules/@angular/core/esm5/core.js
6570:15-36 Critical dependency: the request of a dependency is an expression
 @ ./node_modules/@angular/core/esm5/core.js
 @ ./client/app/app.ts
 @ multi webpack-dev-server/client?http://localhost:3000/ webpack/hot/dev-server ./client/app/app.ts

WARNING in ./node_modules/@angular/core/esm5/core.js
6590:15-102 Critical dependency: the request of a dependency is an expression
 @ ./node_modules/@angular/core/esm5/core.js
 @ ./client/app/app.ts
 @ multi webpack-dev-server/client?http://localhost:3000/ webpack/hot/dev-server ./client/app/app.ts

ERROR in [at-loader] ./client/components/socket/socket.service.ts:2:20
    TS2306: File 'G:/Coding/NODEJS_Projekts/myapp/client/components/socket/primus.js' is not a module.
Child html-webpack-plugin for "..\client\app.html":
                                   Asset      Size  Chunks             Chunk Names
                      ../client/app.html   27.3 kB       1
    fbf47511146008634f37.hot-update.json  44 bytes          [emitted]
webpack: Failed to compile.
albert-92 commented 6 years ago

Has been asked multiple times already: https://github.com/angular-fullstack/generator-angular-fullstack/issues/2711, https://github.com/angular-fullstack/generator-angular-fullstack/issues/2708

xCuzImPro commented 6 years ago

I use 4.2.3 Version now, no error! Pls Update dependencies for angular 4x Fullstack@beta aka @5.x

MfG

albert-92 notifications@github.com schrieb am Di., 1. Mai 2018, 16:12:

Has been asked multiple times already: #2711 https://github.com/angular-fullstack/generator-angular-fullstack/issues/2711,

2708

https://github.com/angular-fullstack/generator-angular-fullstack/issues/2708

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/angular-fullstack/generator-angular-fullstack/issues/2715#issuecomment-385680249, or mute the thread https://github.com/notifications/unsubscribe-auth/ARzYY2kgMOLcZkbFvA_dj7ZDAlhlB_PIks5tuG1fgaJpZM4TrbZ3 .

Awk34 commented 6 years ago

Closing as I believe your question has been answered