Skip to content

CANARY BRANCH: compilation fails #2675

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
1 task done
nigel-dewar opened this issue Nov 30, 2017 · 5 comments
Open
1 task done

CANARY BRANCH: compilation fails #2675

nigel-dewar opened this issue Nov 30, 2017 · 5 comments

Comments

@nigel-dewar
Copy link

nigel-dewar commented Nov 30, 2017

  • I understand that GitHub issues are not for tech support, but for questions specific to this generator, bug reports, and feature requests.
Item Version
generator-angular-fullstack CANARY? / BETA
Node 8.9.1
npm 5.5.1
Operating System Windows 10 64bit Pro
etc etc
Item Answer
Transpiler / TypeScript
Markup HTML
CSS LESS
Client Tests Jasmine
DB MongoDB
Auth Y or N

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.
image

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?
image

image

@nigel-dewar nigel-dewar changed the title CANARY BRANCH: When you select No to Authentification, compilation fails CANARY BRANCH: compilation fails Nov 30, 2017
@CorentinDy
Copy link

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
Copy link
Member

Awk34 commented Nov 30, 2017

a fix has been pushed: afc725f

@Awk34
Copy link
Member

Awk34 commented Nov 30, 2017

The preferred way to start the project on canary is running both npm run start:server and npm run start:client.

@blindstuff
Copy link

@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
Copy link

xCuzImPro commented Apr 28, 2018

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 [email protected]: 🙌  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated [email protected]: 🙌  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated [email protected]: 🙌  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated [email protected]: This package is unmaintained. Use @sinonjs/formatio instead
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated [email protected]: 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 [email protected]: This module relies on Node.js's internals and will break at some point. Do not use it, and update to [email protected].
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js

> [email protected] 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

> [email protected] 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

> [email protected] install G:\Coding\NODEJS_Projekts\myapp\node_modules\uws
> node-gyp rebuild > build_log.txt 2>&1 || exit 0


> [email protected] postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js


> [email protected] postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\gifsicle
> node lib/install.js

  √ gifsicle pre-build test passed successfully

> [email protected] postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\jpegtran-bin
> node lib/install.js

  √ jpegtran pre-build test passed successfully

> [email protected] postinstall G:\Coding\NODEJS_Projekts\myapp\node_modules\optipng-bin
> node lib/install.js

  √ optipng pre-build test passed successfully

> [email protected] 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

> [email protected] 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

> [email protected] 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 [email protected] requires a peer of @angular/core@^2.0.0||^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] 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: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: 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 [email protected] 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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants