scully: Scully stucks at step "Creating Route List: 3/3"

🐞 Bug report

Description

Dear Scully Team,

I’m trying to get a static site for my Angular project with Scully so I follow the steps descrived at Scully Installation and Scully Building docs.

The problem appears when I try to finally convert my project by the execution of npm run scully. This command keeps stucked at step Creating Route List 3/3.

Thank you in advance!

🔬 Minimal Reproduction

Creation of the project
$ ng new
? What name would you like to use for the new workspace and initial project? Scu
llyAngular-Project
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
CREATE ScullyAngular-Project/README.md (1038 bytes)
CREATE ScullyAngular-Project/.editorconfig (274 bytes)
CREATE ScullyAngular-Project/.gitignore (631 bytes)
CREATE ScullyAngular-Project/angular.json (3686 bytes)
CREATE ScullyAngular-Project/package.json (1274 bytes)
CREATE ScullyAngular-Project/tsconfig.base.json (458 bytes)
CREATE ScullyAngular-Project/tsconfig.json (426 bytes)
CREATE ScullyAngular-Project/tslint.json (3184 bytes)
CREATE ScullyAngular-Project/.browserslistrc (853 bytes)
CREATE ScullyAngular-Project/karma.conf.js (1033 bytes)
CREATE ScullyAngular-Project/tsconfig.app.json (292 bytes)
CREATE ScullyAngular-Project/tsconfig.spec.json (338 bytes)
CREATE ScullyAngular-Project/src/favicon.ico (948 bytes)
CREATE ScullyAngular-Project/src/index.html (306 bytes)
CREATE ScullyAngular-Project/src/main.ts (372 bytes)
CREATE ScullyAngular-Project/src/polyfills.ts (2835 bytes)
CREATE ScullyAngular-Project/src/styles.css (80 bytes)
CREATE ScullyAngular-Project/src/test.ts (753 bytes)
CREATE ScullyAngular-Project/src/assets/.gitkeep (0 bytes)
CREATE ScullyAngular-Project/src/environments/environment.prod.ts (51 bytes)
CREATE ScullyAngular-Project/src/environments/environment.ts (662 bytes)
CREATE ScullyAngular-Project/src/app/app-routing.module.ts (245 bytes)
CREATE ScullyAngular-Project/src/app/app.module.ts (393 bytes)
CREATE ScullyAngular-Project/src/app/app.component.css (0 bytes)
CREATE ScullyAngular-Project/src/app/app.component.html (25757 bytes)
CREATE ScullyAngular-Project/src/app/app.component.spec.ts (1104 bytes)
CREATE ScullyAngular-Project/src/app/app.component.ts (225 bytes)
CREATE ScullyAngular-Project/e2e/protractor.conf.js (869 bytes)
CREATE ScullyAngular-Project/e2e/tsconfig.json (299 bytes)
CREATE ScullyAngular-Project/e2e/src/app.e2e-spec.ts (654 bytes)
CREATE ScullyAngular-Project/e2e/src/app.po.ts (301 bytes)
✔ Packages installed successfully.
Adding Scully
$ ng add @scullyio/init
Installing packages for tooling via npm.
Installed packages for tooling via npm.
    Install ng-lib for Angular v9
    ✅️ Added dependency
UPDATE src/app/app.module.ts (466 bytes)
UPDATE src/polyfills.ts (3028 bytes)
UPDATE package.json (1394 bytes)
✔ Packages installed successfully.
    ✅️ Update package.json
    ✅️ Created scully configuration file in scully.ScullyAngular-Project.config.ts
CREATE scully.ScullyAngular-Project.config.ts (196 bytes)
UPDATE package.json (1454 bytes)
    ✅️ Update scully.ScullyAngular-Project.config.ts
CREATE scully/tsconfig.json (556 bytes)
CREATE scully/plugins/plugin.ts (294 bytes)
UPDATE scully.ScullyAngular-Project.config.ts (228 bytes)
Building the project
$ ng build
Compiling @angular/animations : es2015 as esm2015
Compiling @angular/core : es2015 as esm2015
Compiling @angular/compiler/testing : es2015 as esm2015
Compiling @angular/core/testing : es2015 as esm2015
Compiling @angular/animations/browser : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
Compiling @angular/platform-browser : es2015 as esm2015
Compiling @angular/router : es2015 as esm2015
Compiling @angular/animations/browser/testing : es2015 as esm2015
Compiling @angular/common/http : es2015 as esm2015
Compiling @angular/common/testing : es2015 as esm2015
Compiling @angular/forms : es2015 as esm2015
Compiling @angular/platform-browser/testing : es2015 as esm2015
Compiling @angular/platform-browser-dynamic : es2015 as esm2015
Compiling @angular/platform-browser/animations : es2015 as esm2015
Compiling @angular/platform-browser-dynamic/testing : es2015 as esm2015
Compiling @angular/common/http/testing : es2015 as esm2015
Compiling @angular/router/testing : es2015 as esm2015
Compiling @scullyio/ng-lib : es2015 as esm2015

chunk {main} main.js, main.js.map (main) 59.7 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 146 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 12.4 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 2.39 MB [initial] [rendered]
Date: 2020-08-27T17:06:49.384Z - Hash: a0354ec191a1818f93e7 - Time: 5036ms
Generating static site with Scully
$ npm run scully

> scully-angular-project@0.0.0 scully /home/milana/ProvesScully/ScullyAngular-Project
> scully

 ☺   new Angular build imported
 ☺   Started servers in background
Would you allow Scully to collect anonymous errors to improve our services? (Y/n)n
Finding all routes in application.
traversing app for routes
Pull in data to create additional routes.
Route list created in files:
  "./dist/static/assets/scully-routes.json",
  "/home/milana/ProvesScully/ScullyAngular-Project/dist/ScullyAngular-Project/assets/scully-routes.json",
  "/home/milana/ProvesScully/ScullyAngular-Project/src/assets/scully-routes.json"

⠴ Creating Route List: 3/3

💻Your Environment

Operative System:


Debian 10.5.0 - Buster

$uname -a
Linux MyPC 4.19.0-10-amd64 #1 SMP Debian 4.19.132-1 (2020-07-24) x86_64 GNU/Linux

NodeJS version:


$node -v
v14.9.0

Angular Version:


    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 10.0.8
Node: 14.9.0
OS: linux x64

Angular: 10.0.14
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.1000.8
@angular-devkit/build-angular     0.1000.8
@angular-devkit/build-optimizer   0.1000.8
@angular-devkit/build-webpack     0.1000.8
@angular-devkit/core              10.0.8
@angular-devkit/schematics        10.0.8
@angular/cli                      10.0.8
@ngtools/webpack                  10.0.8
@schematics/angular               10.0.8
@schematics/update                0.1000.8
rxjs                              6.5.5
typescript                        3.9.7
webpack                           4.43.0

Scully Version:


{
  "name": "scully-angular-project",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "scully": "scully",
    "scully:serve": "scully serve"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~10.0.14",
    "@angular/common": "~10.0.14",
    "@angular/compiler": "~10.0.14",
    "@angular/core": "~10.0.14",
    "@angular/forms": "~10.0.14",
    "@angular/platform-browser": "~10.0.14",
    "@angular/platform-browser-dynamic": "~10.0.14",
    "@angular/router": "~10.0.14",
    "@scullyio/init": "^1.0.0-beta.3",
    "@scullyio/ng-lib": "^1.0.0-beta.2",
    "@scullyio/scully": "^1.0.0-beta.2",
    "rxjs": "~6.5.5",
    "tslib": "^2.0.0",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1000.8",
    "@angular/cli": "~10.0.8",
    "@angular/compiler-cli": "~10.0.14",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~3.3.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.9.5"
  }
}

🔥 Exception or Error


$ npm run scully

> scully-angular-project@0.0.0 scully /home/milana/ProvesScully/ScullyAngular-Project
> scully

 ☺   new Angular build imported
 ☺   Started servers in background
Would you allow Scully to collect anonymous errors to improve our services? (Y/n)n
Finding all routes in application.
traversing app for routes
Pull in data to create additional routes.
Route list created in files:
  "./dist/static/assets/scully-routes.json",
  "/home/milana/ProvesScully/ScullyAngular-Project/dist/ScullyAngular-Project/assets/scully-routes.json",
  "/home/milana/ProvesScully/ScullyAngular-Project/src/assets/scully-routes.json"

⠴ Creating Route List: 3/3

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Reactions: 3
  • Comments: 28 (10 by maintainers)

Most upvoted comments

We are working to fix this issue 😃 …

+5
jorgeucano on Sep 10, 2020

@macervero I check the error and is from node 10, can you update Scully and try again with node >= 12.13.0

+1
jorgeucano on Aug 31, 2020

Im facing the same issue - it works fine on my local, but whenever its run on our deployed containers it gets stuck. Have tried with all beta versions (0,1,3)

Local

> offset-portal@0.0.0 scully /xxxxx/scully
> scully

 ☺   new Angular build imported
⠙ Background servers already running.
Would you allow Scully to collect anonymous errors to improve our services? (Y/n)n
Finding all routes in application.
traversing app for routes
⠹ Loading guess-parser 
We encountered a problem while reading the routes from your applications source.
This might happen when there are lazy-loaded routes, that are not loaded,
Or when there are paths we can not resolve statically.
Check the routes in your app, rebuild and retry.
(You can inspect the error by passing the --showGuessError flag

When there are extraRoutes in your config, we will still try to render those.


Pull in data to create additional routes.
Route list created in files:
  "./dist/static/assets/scully-routes.json",
  "/xxxx/scully/dist/offset-portal/browser/assets/scully-routes.json",
  "/xxxxi/scully/src/assets/scully-routes.json"

Route "/project/32" rendered into file: "./dist/static/project/32/index.html"
Route "/" rendered into file: "./dist/static/index.html"
⠙ calculate timings TypeError: Object.fromEntries is not a function
    at PerformanceObserver.<anonymous> (/xxxx/scully/node_modules/@scullyio/scully/lib/utils/startup.js:86:34)
    at PerformanceObserver.runInAsyncScope (async_hooks.js:188:21)
    at PerformanceObserver.doNotify (perf_hooks.js:453:8)
    at runCallback (timers.js:705:18)
    at tryOnImmediate (timers.js:676:5)
    at processImmediate (timers.js:658:5)
    at process.topLevelDomainCallback (domain.js:126:23)

Container

> offset-portal@0.0.0 scully /usr/src/app/scully
	
> scully
	
☺ new Angular build imported
	
☺ Started servers in background
		
Finding all routes in application.
	

----------------------------------
	
Using stored unhandled routes!.
	
To discover new routes in the angular app use "npm run scully -- --scanRoutes"

----------------------------------
Pull in data to create additional routes.
Route list created in files:
"./dist/static/assets/scully-routes.json",
"/usr/src/app/scully/dist/offset-portal/browser/assets/scully-routes.json",
"/usr/src/app/scully/src/assets/scully-routes.json"
+1
koshyviv on Aug 28, 2020
Read more comments on GitHub
← scully: Scully Doesn't work with Github Actions {Tried with --host as well}
sculpin: PHP Fatal error: Cannot use 'String' as class name as it is reserved in phar: when using php 7 →