CorentinDy
commented
7 years ago No compilation fail for me with and without authentification , same message Failed to load external module @babel/register but keep going and launch normally.
Open nigel-dewar opened 7 years ago
CorentinDy
commented
7 years ago No compilation fail for me with and without authentification , same message Failed to load external module @babel/register but keep going and launch normally.
Awk34
commented
7 years ago Awk34
commented
7 years ago The preferred way to start the project on canary is running both npm run start:server and npm run start:client.
blindstuff
commented
6 years ago @Awk34 Any reference to why the preferred method changed from gulp serve? I can't seem to find reference to it in any commits or issues. Do you see this as a permanent change or is it something to work on for canary?
xCuzImPro
commented
6 years ago i have same this problem ;( === #2711
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.
I installed the Beta version, which I assume is the CANARY version??? using
generator-angular-fullstack@beta
compilation fails, whether you select Auth or Not.
Get error when trying to run for first time - babel/register cant be found When running gulp serve - Why is babel used even though Im trying to use TypeScript?
Is gulp serve the right command to kick off the project?