broken installation: ng-lib not installed automatically and no scully config file generated.

🐞 Bug report

Scully does not generate scully config file upon installation.

Description

I’m trying to add Scully to an existing Angular 9 project by running ng add @scullyio/init. It run through, however, it does not generate a scully config file under the top-level folder.

From the installation console output, it seems multiple installation steps didn’t got triggered. (See “Exception or Error”)

🔬 Minimal Reproduction

Not sure.

💻Your Environment

Angular Version:

Angular CLI: 9.1.11
Node: 12.0.0
OS: darwin x64

Angular: 9.1.12
... animations, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, platform-server, router, upgrade
Ivy Workspace: No

Package                                    Version
--------------------------------------------------------------------
@angular-devkit/architect                  0.901.11
@angular-devkit/build-angular              0.901.11
@angular-devkit/build-ng-packagr           0.901.11
@angular-devkit/build-optimizer            0.901.11
@angular-devkit/build-webpack              0.901.11
@angular-devkit/core                       9.1.11
@angular-devkit/schematics                 9.1.11
@angular/cdk                               9.1.0
@angular/cli                               9.1.11
@angular/flex-layout                       9.0.0-beta.31
@angular/http                              7.2.16
@angular/material                          9.1.0
@ngtools/webpack                           9.1.11
@nguniversal/builders                      9.1.1
@nguniversal/common                        9.1.1
@nguniversal/express-engine                9.1.1
@nguniversal/module-map-ngfactory-loader   8.2.6
@schematics/angular                        9.1.11
@schematics/update                         0.901.11
ng-packagr                                 9.1.5
rxjs                                       6.6.0
typescript                                 3.8.3
webpack                                    4.42.0

Scully Version:

 "@scullyio/init": "^1.1.2",
 "@scullyio/ng-lib": "^1.1.0",

🔥 Exception or Error

When running ``, the console only output the followings without errors:

Installing packages for tooling via npm.
Installed packages for tooling via npm.

It does not run nor show the followings installation steps that I see when trying Scully on a blank project:

Install ng-lib
    ✅️ Added dependency
UPDATE src/app/app.module.ts (1144 bytes)
UPDATE src/polyfills.ts (3758 bytes)
UPDATE package.json (5074 bytes)
✔ Packages installed successfully.
    ✅️ Update package.json
    ✅️ Created scully configuration file in scully.exampleapp.config.ts
CREATE scully.exampleapp.config.ts (192 bytes)
UPDATE package.json (5148 bytes)
CREATE scully/tsconfig.json (450 bytes)
CREATE scully/plugins/plugin.ts (305 bytes)

[AbdurRKhalid]

I have to abandoned one of my personal project due to this problem. The reason is that the documentation has not mentioned to solve the peered dependency issue and it can be solved with the following command:

npm install --legacy-peer-deps

After doing that and After doing everything correctly there was again error present that was saying that the configuration file does not exists and after doing some more debugging and other experiments I came to know that this is the right command that we are supposed to run:

ng add @scullyio/init --project=projectName

After doing everything and solving every problem, I was not able to generate the template of module and basic components as well.

[AngeloWalsh]

Having same issue. Does not automatically add the Scully module on installation. Apple silicon 14in Macbook pro. No errors. Being asked which route render to use. Tried Scully platform server and Puppeteer.

Angular CLI: 14.0.4 Node: 16.14.2 Package Manager: npm 8.12.1 OS: darwin arm64

Angular: 14.0.4 … animations, cli, common, compiler, compiler-cli, core, forms … platform-browser, platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1400.4 @angular-devkit/build-angular 14.0.4 @angular-devkit/core 14.0.4 @angular-devkit/schematics 14.0.4 @schematics/angular 14.0.4 rxjs 7.5.5 typescript 4.7.4

{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "my-blog": { "projectType": "application", "schematics": { "@schematics/angular:component": { "style": "scss" } }, "root": "", "sourceRoot": "src", "prefix": "app", "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/my-blog", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.app.json", "inlineStyleLanguage": "scss", "assets": [ "src/favicon.ico", "src/assets" ], "styles": [ "src/styles.scss" ], "scripts": [] }, "configurations": { "production": { "budgets": [ { "type": "initial", "maximumWarning": "500kb", "maximumError": "1mb" }, { "type": "anyComponentStyle", "maximumWarning": "2kb", "maximumError": "4kb" } ], "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ], "outputHashing": "all" }, "development": { "buildOptimizer": false, "optimization": false, "vendorChunk": true, "extractLicenses": false, "sourceMap": true, "namedChunks": true } }, "defaultConfiguration": "production" }, "serve": { "builder": "@angular-devkit/build-angular:dev-server", "configurations": { "production": { "browserTarget": "my-blog:build:production" }, "development": { "browserTarget": "my-blog:build:development" } }, "defaultConfiguration": "development" }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { "browserTarget": "my-blog:build" } }, "test": { "builder": "@angular-devkit/build-angular:karma", "options": { "main": "src/test.ts", "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.spec.json", "karmaConfig": "karma.conf.js", "inlineStyleLanguage": "scss", "assets": [ "src/favicon.ico", "src/assets" ], "styles": [ "src/styles.scss" ], "scripts": [] } } } } } }