Skip to content

[bug] nx-examples repo unusable for creating bug reproductions #265

@ontoneio

Description

@ontoneio

Simply cloning this repo and running yarn for install returns this.

yarn install v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > @emotion/babel-plugin@11.10.5" has unmet peer dependency "@babel/core@^7.0.0".
warning "@emotion/babel-plugin > @babel/plugin-syntax-jsx@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning " > @babel/preset-react@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-display-name@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx@7.19.0" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx-development@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-pure-annotations@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@nrwl/web > @nrwl/rollup > @rollup/plugin-babel@5.3.1" has unmet peer dependency "@babel/core@^7.0.0".
[4/4] Building fresh packages...
[-/9] ⠄ waiting...
[-/9] ⠄ waiting...
[3/9] ⠄ cypress
[-/9] ⠄ waiting...
error /home/vscode/projects/cypress-bug-nx/node_modules/cypress: Command failed.
Exit code: 1
Command: node index.js --exec install
Arguments: 
Directory: /home/vscode/projects/cypress-bug-nx/node_modules/cypress
Output:
Installing Cypress (version: 12.3.0)

If you try and add a package dependency for your reproduction it never makes it into the package.json because this install fails.

Running this command yarn add -D @nrwl/storybook returns this

yarn add v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > @emotion/babel-plugin@11.10.5" has unmet peer dependency "@babel/core@^7.0.0".
warning "@emotion/babel-plugin > @babel/plugin-syntax-jsx@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning " > @babel/preset-react@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-display-name@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx@7.19.0" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx-development@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-pure-annotations@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@nrwl/web > @nrwl/rollup > @rollup/plugin-babel@5.3.1" has unmet peer dependency "@babel/core@^7.0.0".
[4/4] Building fresh packages...
[-/12] ⡀ waiting...
[-/12] ⡀ waiting...
[3/12] ⡀ cypress
[-/12] ⡀ waiting...
error /home/vscode/projects/cypress-bug-nx/node_modules/cypress: Command failed.
Exit code: 1
Command: node index.js --exec install
Arguments: 
Directory: /home/vscode/projects/cypress-bug-nx/node_modules/cypress
Output:
Installing Cypress (version: 12.3.0)

[STARTED] Task without title.
[TITLE]  Downloading Cypress      0% 0s
[TITLE]  Downloading Cypress      2% 10s
[TITLE]  Downloading Cypress      7% 4s
[TITLE]  Downloading Cypress      12% 3s
[TITLE]  Downloading Cypress      17% 2s
[TITLE]  Downloading Cypress      21% 2s
[TITLE]  Downloading Cypress      26% 2s
[TITLE]  Downloading Cypress      31% 2s
[TITLE]  Downloading Cypress      35% 2s
[TITLE]  Downloading Cypress      40% 1s
[TITLE]  Downloading Cypress      45% 1s
[TITLE]  Downloading Cypress      48% 1s
[TITLE]  Downloading Cypress      53% 1s
[TITLE]  Downloading Cypress      57% 1s
[TITLE]  Downloading Cypress      62% 1s
[TITLE]  Downloading Cypress      67% 1s
[TITLE]  Downloading Cypress      71% 1s
[TITLE]  Downloading Cypress      75% 1s
[TITLE]  Downloading Cypress      79% 1s
[TITLE]  Downloading Cypress      84% 0s
[TITLE]  Downloading Cypress      88% 0s
[TITLE]  Downloading Cypress      93% 0s
[TITLE]  Downloading Cypress      98% 0s
[TITLE]  Downloaded Cypress     
[SUCCESS]  Downloaded Cypress     
[STARTED] Task without title.
node:internal/child_process:420
    throw errnoException(err, 'spawn');
    ^

Error: spawn ENOTDIR
    at ChildProcess.spawn (node:internal/child_process:420:11)
    at Object.spawn (node:child_process:733:9)
    at unzipWithUnzipTool (/home/vscode/projects/cypress-bug-nx/node_modules/cypress/lib/tasks/unzip.js:81:25)
    at /home/vscode/projects/cypress-bug-nx/node_modules/cypress/lib/tasks/unzip.js:148:20
    at /home/vscode/projects/cypress-bug-nx/node_modules/yauzl/index.js:37:7
    at /home/vscode/projects/cypress-bug-nx/node_modules/yauzl/index.js:141:16
    at /home/vscode/projects/cypress-bug-nx/node_modules/yauzl/index.js:631:5
    at /home/vscode/projects/cypress-bug-nx/node_modules/fd-slicer/index.js:32:7
    at FSReqCallback.wrapper [as oncomplete] (node:fs:671:5) {
  errno: -20,

and this is what the package.json looks like after that.

{
  "name": "nx-example",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "start": "nx serve",
    "build": "nx build",
    "test": "nx test",
    "lint": "nx workspace-lint && nx lint",
    "e2e": "nx e2e",
    "affected:apps": "nx affected:apps",
    "affected:libs": "nx affected:libs",
    "affected:build": "nx affected:build",
    "affected:e2e": "nx affected:e2e",
    "affected:test": "nx affected:test",
    "affected:lint": "nx affected:lint",
    "affected:dep-graph": "nx affected:dep-graph",
    "affected": "nx affected",
    "format": "nx format:write",
    "format:write": "nx format:write",
    "format:check": "nx format:check",
    "update": "nx migrate latest",
    "dep-graph": "nx dep-graph",
    "help": "nx help",
    "nx": "nx",
    "workspace-generator": "nx workspace-generator"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "15.1.0",
    "@angular/common": "15.1.0",
    "@angular/compiler": "15.1.0",
    "@angular/core": "15.1.0",
    "@angular/forms": "15.1.0",
    "@angular/platform-browser": "15.1.0",
    "@angular/platform-browser-dynamic": "15.1.0",
    "@angular/router": "15.1.0",
    "@emotion/babel-plugin": "11.10.5",
    "@emotion/react": "11.10.5",
    "@emotion/styled": "11.10.5",
    "@ngrx/component-store": "15.0.0",
    "@ngrx/effects": "15.0.0",
    "@ngrx/entity": "15.0.0",
    "@ngrx/router-store": "15.0.0",
    "@ngrx/store": "15.0.0",
    "@nrwl/angular": "15.7.0-beta.6",
    "core-js": "^2.5.4",
    "document-register-element": "1.13.1",
    "normalize.css": "^8.0.1",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-is": "18.2.0",
    "react-router-dom": "6.4.3",
    "react-test-renderer": "18.2.0",
    "rxjs": "7.5.6",
    "tslib": "^2.0.0",
    "zone.js": "0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "15.1.1",
    "@angular-devkit/core": "~15.1.0",
    "@angular-devkit/schematics": "~15.1.0",
    "@angular-eslint/eslint-plugin": "15.0.0",
    "@angular-eslint/eslint-plugin-template": "15.0.0",
    "@angular-eslint/template-parser": "15.0.0",
    "@angular/cli": "~15.1.0",
    "@angular/compiler-cli": "15.1.0",
    "@angular/language-service": "15.1.0",
    "@babel/preset-react": "^7.14.5",
    "@ngrx/store-devtools": "15.0.0",
    "@nrwl/cli": "15.7.0-beta.6",
    "@nrwl/cypress": "15.7.0-beta.6",
    "@nrwl/devkit": "15.7.0-beta.6",
    "@nrwl/eslint-plugin-nx": "15.7.0-beta.6",
    "@nrwl/jest": "15.7.0-beta.6",
    "@nrwl/js": "15.7.0-beta.6",
    "@nrwl/linter": "15.7.0-beta.6",
    "@nrwl/nx-cloud": "15.0.3",
    "@nrwl/react": "15.7.0-beta.6",
    "@nrwl/web": "15.7.0-beta.6",
    "@nrwl/workspace": "15.7.0-beta.6",
    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
    "@schematics/angular": "~15.1.0",
    "@svgr/webpack": "^6.1.2",
    "@testing-library/react": "13.4.0",
    "@types/jest": "28.1.8",
    "@types/node": "18.11.9",
    "@types/react": "18.0.25",
    "@types/react-dom": "18.0.9",
    "@types/react-router-dom": "5.3.3",
    "@typescript-eslint/eslint-plugin": "5.38.1",
    "@typescript-eslint/parser": "5.38.1",
    "css-loader": "^6.4.0",
    "cypress": "^12.2.0",
    "dotenv": "10.0.0",
    "eslint": "8.15.0",
    "eslint-config-prettier": "8.1.0",
    "eslint-plugin-cypress": "^2.10.3",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-jsx-a11y": "6.6.0",
    "eslint-plugin-react": "7.31.11",
    "eslint-plugin-react-hooks": "4.6.0",
    "fuzzy": "^0.1.3",
    "inquirer": "^6.2.2",
    "inquirer-autocomplete-prompt": "^1.0.1",
    "jest": "28.1.3",
    "jest-environment-jsdom": "28.1.1",
    "jest-preset-angular": "12.2.3",
    "netlify": "^2.4.8",
    "nx": "15.7.0-beta.6",
    "prettier": "2.6.2",
    "react-refresh": "^0.10.0",
    "style-loader": "^3.3.0",
    "stylus": "^0.55.0",
    "stylus-loader": "^7.1.0",
    "ts-jest": "28.0.8",
    "ts-node": "10.9.1",
    "typescript": "4.8.4",
    "url-loader": "^4.1.1",
    "webpack": "^5.75.0",
    "webpack-merge": "^5.8.0"
  }
}

Notice that there is no @nrwl/storybook package updated in the manifest.

EXPECT: That installed packages will resolve and be reflected in the package.json

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions