react-most-wanted: Error during installation

Hey, I’m on ubuntu. I tried to run it with both yarn and npm, using the following commands:

npm init react-app my-app --template rmw

yarn create react-app my-app --template rmw

And get the same error with both. Output bellow.

But before output, I see that in your codelab, you have a different installation command:

npx create-react-app test-app --scripts-version rmw-react-scripts

Which one should I use (once both work), and what’s the difference?

Here is installation error output (look for error towards the end):

~/repos$ yarn create react-app my-app --template rmw
yarn create v1.21.1
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...

success Installed "create-react-app@3.4.0" with binaries:
      - create-react-app
[####################################################################################################] 100/100
Creating a new React app in /home/user1/repos/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template-rmw...

yarn add v1.21.1
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@1.2.11: The platform "linux" is incompatible with this module.
info "fsevents@1.2.11" is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@2.1.2: The platform "linux" is incompatible with this module.
info "fsevents@2.1.2" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "react-scripts > eslint-config-react-app@5.2.0" has incorrect peer dependency "eslint-plugin-flowtype@3.x".
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 9 new dependencies.
info Direct dependencies
├─ cra-template-rmw@1.0.20
├─ react-dom@16.12.0
├─ react-scripts@3.4.0
└─ react@16.12.0
info All dependencies
├─ cra-template-rmw@1.0.20
├─ is-docker@2.0.0
├─ open@7.0.2
├─ react-dev-utils@10.2.0
├─ react-dom@16.12.0
├─ react-error-overlay@6.0.6
├─ react-scripts@3.4.0
├─ react@16.12.0
└─ scheduler@0.18.0
Done in 8.16s.

Initialized a git repository.

Installing template dependencies using yarnpkg...
yarn add v1.21.1
[1/4] Resolving packages...
warning @material-ui/core > popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
warning material-ui-pickers@2.2.4: You can now upgrade to @material-ui/pickers. Documentation for v2 can be found at https://material-ui-pickers-v2.dmtr-kovalenko.now.sh/
[2/4] Fetching packages...
info fsevents@2.1.2: The platform "linux" is incompatible with this module.
info "fsevents@2.1.2" is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@1.2.11: The platform "linux" is incompatible with this module.
info "fsevents@1.2.11" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning " > @testing-library/user-event@7.2.1" has unmet peer dependency "@testing-library/dom@>=5".
warning " > @material-ui/pickers@3.2.10" has unmet peer dependency "@date-io/core@^1.3.6".
warning " > material-ui-pickers@2.2.4" has incorrect peer dependency "@material-ui/core@^3.2.0".
warning " > redux-form-material-ui@5.0.0-beta.3" has incorrect peer dependency "redux-form@7".
warning " > redux-form-material-ui@5.0.0-beta.3" has incorrect peer dependency "@material-ui/core@1".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 275 new dependencies.
info Direct dependencies
├─ @date-io/moment@1.3.13
├─ @formatjs/intl-relativetimeformat@4.5.9
├─ @material-ui/core@4.9.3
├─ @material-ui/icons@4.9.1
├─ @material-ui/pickers@3.2.10
├─ @testing-library/jest-dom@4.2.4
├─ @testing-library/react@9.4.0
├─ @testing-library/user-event@7.2.1
├─ a2hs@1.1.4
├─ chart.js@2.9.3
├─ downshift@3.4.8
├─ firebase@7.8.2
├─ firebaseui@4.4.0
├─ fireform@1.0.0
├─ firekit-provider@1.0.2
├─ firekit@1.0.32
├─ github-markdown-css@3.0.1
├─ intl-locales-supported@1.8.4
├─ intl-pluralrules@1.1.1
├─ intl@1.2.5
├─ match-sorter@4.0.2
├─ material-ui-filter@3.1.3
├─ material-ui-image@3.2.3
├─ material-ui-pickers@2.2.4
├─ moment@2.24.0
├─ muishift@1.1.4
├─ react-chartjs-2@2.9.0
├─ react-countup@4.3.3
├─ react-custom-scrollbars@4.2.1
├─ react-dom@16.12.0
├─ react-dropzone@10.2.1
├─ react-helmet@5.2.1
├─ react-image-cropper@1.3.0
├─ react-intl@3.12.0
├─ react-list@0.8.13
├─ react-loadable@5.5.0
├─ react-markdown@4.3.1
├─ react-mic@12.4.1
├─ react-player@1.15.2
├─ react-redux@7.1.3
├─ react-router-dom@5.1.2
├─ react-router@5.1.2
├─ react-scripts@3.3.0
├─ react-toastify@5.5.0
├─ react-virtualized@9.21.2
├─ react@16.12.0
├─ redux-form-material-ui@5.0.0-beta.3
├─ redux-form@8.3.0
├─ redux-logger@3.0.6
├─ redux-persist@6.0.0
├─ redux-thunk@2.3.0
├─ redux@4.0.5
└─ rmw-shell@7.1.39
info All dependencies
├─ @date-io/core@1.3.13
├─ @date-io/moment@1.3.13
├─ @emotion/hash@0.7.4
├─ @firebase/analytics-types@0.2.6
├─ @firebase/analytics@0.2.13
├─ @firebase/app@0.5.4
├─ @firebase/auth-interop-types@0.1.2
├─ @firebase/auth-types@0.9.5
├─ @firebase/auth@0.13.5
├─ @firebase/database-types@0.4.11
├─ @firebase/database@0.5.21
├─ @firebase/firestore-types@1.9.1
├─ @firebase/firestore@1.10.2
├─ @firebase/functions-types@0.3.14
├─ @firebase/functions@0.4.32
├─ @firebase/installations-types@0.3.1
├─ @firebase/messaging@0.6.4
├─ @firebase/performance-types@0.0.9
├─ @firebase/performance@0.2.32
├─ @firebase/polyfill@0.3.31
├─ @firebase/remote-config-types@0.1.6
├─ @firebase/remote-config@0.1.13
├─ @firebase/storage-types@0.3.9
├─ @firebase/storage@0.3.26
├─ @firebase/webchannel-wrapper@0.2.35
├─ @formatjs/intl-displaynames@1.2.0
├─ @formatjs/intl-listformat@1.4.1
├─ @formatjs/intl-relativetimeformat@4.5.9
├─ @formatjs/intl-unified-numberformat@3.2.0
├─ @formatjs/macro@0.2.6
├─ @grpc/proto-loader@0.5.3
├─ @material-ui/core@4.9.3
├─ @material-ui/icons@4.9.1
├─ @material-ui/pickers@3.2.10
├─ @material-ui/styles@4.9.0
├─ @material-ui/system@4.9.3
├─ @protobufjs/aspromise@1.1.2
├─ @protobufjs/base64@1.1.2
├─ @protobufjs/codegen@2.0.4
├─ @protobufjs/eventemitter@1.1.0
├─ @protobufjs/fetch@1.1.0
├─ @protobufjs/float@1.0.2
├─ @protobufjs/path@1.1.2
├─ @protobufjs/pool@1.1.0
├─ @protobufjs/utf8@1.1.0
├─ @sheerun/mutationobserver-shim@0.3.2
├─ @testing-library/dom@6.12.2
├─ @testing-library/jest-dom@4.2.4
├─ @testing-library/react@9.4.0
├─ @testing-library/user-event@7.2.1
├─ @types/bytebuffer@5.0.40
├─ @types/hoist-non-react-statics@3.3.1
├─ @types/invariant@2.2.31
├─ @types/long@4.0.1
├─ @types/prop-types@15.7.3
├─ @types/react-dom@16.9.5
├─ @types/react-text-mask@5.4.6
├─ @types/react-transition-group@4.2.3
├─ @types/styled-jsx@2.2.8
├─ @types/testing-library__dom@6.12.1
├─ @types/testing-library__react@9.1.2
├─ @typescript-eslint/eslint-plugin@2.19.2
├─ @typescript-eslint/parser@2.19.2
├─ a2hs@1.1.4
├─ abbrev@1.1.1
├─ add-px-to-style@1.0.0
├─ are-we-there-yet@1.1.5
├─ ascli@1.0.1
├─ attr-accept@2.0.0
├─ babel-preset-react-app@9.1.1
├─ bail@1.0.5
├─ bytebuffer@5.0.1
├─ camel-case@3.0.0
├─ case-sensitive-paths-webpack-plugin@2.2.0
├─ character-entities-legacy@1.1.4
├─ character-entities@1.2.4
├─ character-reference-invalid@1.1.4
├─ chart.js@2.9.3
├─ chartjs-color-string@0.6.0
├─ chartjs-color@2.4.1
├─ classnames@2.2.6
├─ clean-css@4.2.3
├─ clsx@1.1.0
├─ collapse-white-space@1.0.6
├─ colour@0.7.1
├─ compute-scroll-into-view@1.0.13
├─ console-control-strings@1.1.0
├─ convert-css-length@2.0.1
├─ core-js@3.6.2
├─ countup.js@1.9.3
├─ css-loader@3.2.0
├─ css-vendor@2.0.7
├─ css.escape@1.5.1
├─ csstype@2.6.9
├─ deep-diff@0.3.8
├─ deep-extend@0.4.2
├─ deepmerge@4.2.2
├─ delegates@1.0.0
├─ detect-libc@1.0.3
├─ dialog-polyfill@0.4.10
├─ dom-css@2.1.0
├─ dom-helpers@5.1.3
├─ dom-storage@2.1.0
├─ downshift@3.4.8
├─ encoding@0.1.12
├─ es6-error@4.1.1
├─ eslint-config-react-app@5.2.0
├─ eslint-loader@3.0.2
├─ eslint-module-utils@2.5.2
├─ eslint-plugin-flowtype@3.13.0
├─ eslint-plugin-import@2.18.2
├─ eslint-plugin-react@7.16.0
├─ file-selector@0.1.12
├─ firebase@7.8.2
├─ firebaseui@4.4.0
├─ fireform@1.0.0
├─ firekit-provider@1.0.2
├─ firekit@1.0.32
├─ gauge@2.7.4
├─ github-markdown-css@3.0.1
├─ grpc@1.24.2
├─ gud@1.0.0
├─ has-unicode@2.0.1
├─ he@1.2.0
├─ html-minifier@3.5.21
├─ html-to-react@1.4.2
├─ html-webpack-plugin@4.0.0-beta.5
├─ htmlparser2@4.0.0
├─ hyphenate-style-name@1.0.3
├─ ignore-walk@3.0.3
├─ immutable@3.8.2
├─ intl-format-cache@4.2.21
├─ intl-locales-supported@1.8.4
├─ intl-messageformat-parser@3.6.4
├─ intl-messageformat@7.8.4
├─ intl-pluralrules@1.1.1
├─ intl@1.2.5
├─ is-alphanumerical@1.0.4
├─ is-hexadecimal@1.0.4
├─ is-in-browser@1.1.3
├─ is-whitespace-character@1.0.4
├─ is-word-character@1.0.4
├─ isomorphic-fetch@2.2.1
├─ jest-environment-jsdom-fourteen@0.1.0
├─ jsdom@14.1.0
├─ jss-plugin-camel-case@10.0.4
├─ jss-plugin-default-unit@10.0.4
├─ jss-plugin-global@10.0.4
├─ jss-plugin-nested@10.0.4
├─ jss-plugin-props-sort@10.0.4
├─ jss-plugin-rule-value-function@10.0.4
├─ jss-plugin-vendor-prefixer@10.0.4
├─ load-script@1.0.0
├─ lodash-es@4.17.15
├─ lodash.clone@4.5.0
├─ loglevel@1.6.7
├─ long@4.0.0
├─ make-plural@6.0.1
├─ markdown-escapes@1.0.4
├─ match-sorter@4.0.2
├─ material-design-lite@1.3.0
├─ material-ui-filter@3.1.3
├─ material-ui-image@3.2.3
├─ material-ui-pickers@2.2.4
├─ mdast-add-list-metadata@1.0.1
├─ memorystream@0.3.1
├─ min-indent@1.0.0
├─ mini-create-react-context@0.3.2
├─ mini-css-extract-plugin@0.8.0
├─ minizlib@1.3.3
├─ moment@2.24.0
├─ muishift@1.1.4
├─ needle@2.3.2
├─ node-fetch@1.7.3
├─ node-pre-gyp@0.14.0
├─ nopt@4.0.1
├─ npm-bundled@1.1.1
├─ npm-packlist@1.4.8
├─ npm-run-all@4.1.5
├─ npmlog@4.1.2
├─ object-hash@1.3.1
├─ object.fromentries@2.0.2
├─ optjs@3.2.2
├─ os-homedir@1.0.2
├─ osenv@0.1.5
├─ param-case@2.1.1
├─ parse-entities@1.2.2
├─ path-to-regexp@1.8.0
├─ pidtree@0.3.0
├─ pnp-webpack-plugin@1.5.0
├─ popper.js@1.16.1
├─ postcss-modules-scope@2.1.1
├─ prefix-style@2.0.1
├─ promise-polyfill@8.1.3
├─ protobufjs@5.0.3
├─ ramda@0.26.1
├─ rc@1.2.8
├─ react-app-polyfill@1.0.6
├─ react-chartjs-2@2.9.0
├─ react-countup@4.3.3
├─ react-custom-scrollbars@4.2.1
├─ react-dev-utils@10.2.0
├─ react-dom@16.12.0
├─ react-dropzone@10.2.1
├─ react-event-listener@0.6.6
├─ react-fast-compare@2.0.4
├─ react-ga@2.7.0
├─ react-helmet@5.2.1
├─ react-image-cropper@1.3.0
├─ react-intl@3.12.0
├─ react-list@0.8.13
├─ react-loadable@5.5.0
├─ react-markdown@4.3.1
├─ react-mic@12.4.1
├─ react-player@1.15.2
├─ react-redux@7.1.3
├─ react-router-dom@5.1.2
├─ react-router@5.1.2
├─ react-scripts@3.3.0
├─ react-side-effect@1.2.0
├─ react-text-mask@5.4.3
├─ react-toastify@5.5.0
├─ react-transition-group@4.3.0
├─ react-virtualized@9.21.2
├─ react@16.12.0
├─ redent@3.0.0
├─ redux-form-material-ui@5.0.0-beta.3
├─ redux-form@8.3.0
├─ redux-logger@3.0.6
├─ redux-persist@6.0.0
├─ redux-thunk@2.3.0
├─ redux@4.0.5
├─ relateurl@0.2.7
├─ remark-parse@5.0.0
├─ remove-accents@0.4.2
├─ replace-ext@1.0.0
├─ resolve-pathname@3.0.0
├─ rifm@0.7.0
├─ rmw-shell@7.1.39
├─ sass-loader@8.0.0
├─ shallow-equal@1.2.1
├─ shallowequal@1.1.0
├─ state-toggle@1.0.3
├─ string.prototype.padend@3.1.0
├─ strip-indent@3.0.0
├─ style-loader@1.0.0
├─ symbol-observable@1.2.0
├─ tar@4.4.13
├─ terser-webpack-plugin@2.2.1
├─ to-camel-case@1.0.0
├─ to-no-case@1.0.2
├─ to-space-case@1.0.0
├─ trim-trailing-lines@1.1.3
├─ trim@0.0.1
├─ trough@1.0.5
├─ uglify-js@3.4.10
├─ unherit@1.1.3
├─ unified@6.2.0
├─ unist-util-is@3.0.0
├─ unist-util-remove-position@1.1.4
├─ unist-util-stringify-position@1.1.2
├─ unist-util-visit-parents@1.1.2
├─ unist-util-visit@1.4.1
├─ value-equal@1.0.1
├─ vfile-location@2.0.6
├─ vfile-message@1.1.1
├─ vfile@2.3.0
├─ wait-for-expect@3.0.2
├─ warning@4.0.3
├─ webpack-dev-server@3.9.0
├─ webpack@4.41.2
├─ wide-align@1.1.3
├─ window-size@0.1.4
├─ x-is-string@0.1.0
└─ xmlhttprequest@1.8.0
Done in 42.43s.
Removing template package using yarnpkg...

yarn remove v1.21.1
[1/2] Removing module cra-template-rmw...
error This module isn't specified in a package.json file.
info Visit https://yarnpkg.com/en/docs/cli/remove for documentation about this command.
`yarnpkg add @testing-library/react@9.x @testing-library/jest-dom@4.x @testing-library/user-event@7.x @date-io/moment@1.x @formatjs/intl-relativetimeformat@4.x @material-ui/core@4.x @material-ui/icons@4.x @material-ui/pickers@3.x a2hs@1.x chart.js@2.x downshift@3.x firebase@7.x firebaseui@4.x fireform@1.x firekit@1.x firekit-provider@1.x github-markdown-css@3.x history@4.x intl@1.x intl-locales-supported@1.x intl-pluralrules@1.x match-sorter@4.x material-ui-filter@3.x material-ui-image@3.x material-ui-pickers@2.x moment@2.x muishift@1.x prop-types@15.x react@16.x react-chartjs-2@2.x react-countup@4.x react-custom-scrollbars@4.x react-dom@16.x react-dropzone@10.x react-helmet@5.x react-image-cropper@1.x react-intl@3.x react-list@0.x react-loadable@5.x react-markdown@4.x react-mic@12.x react-player@1.x react-redux@7.x react-router@5.x react-router-dom@5.x react-toastify@5.x react-virtualized@9.x redux@4.x redux-logger@3.x redux-form@8.x redux-form-material-ui@^5.0.0-beta.3 redux-persist@6.x redux-thunk@2.x rmw-shell@7.x` failed
Done in 53.67s.
~/repos$