Wrong versions for yarn preventing rails from starting when creating a fresh 6.0 app

[aesmail]

Steps to reproduce

rails new my_app
cd my_app
rails s

Expected behavior

rails should start the server normally and accepts connections on localhost:3000

Actual behavior

The following error is shown:

$ rails s
=> Booting Puma
=> Rails 6.0.0 application starting in development
=> Run `rails server --help` for more startup options


========================================
  Your Yarn packages are out of date!
  Please run `yarn install --check-files` to update.
========================================


To disable this check, please change `check_yarn_integrity`
to `false` in your webpacker config file (config/webpacker.yml).


yarn check v1.2.1
success Folder in sync.
Done in 0.12s.
yarn check v1.2.1
error "webpack-dev-server#yargs#cliui" is wrong version: expected "^4.0.0", got "5.0.0"
error "webpack-dev-server#yargs#yargs-parser" is wrong version: expected "^11.1.1", got "13.1.1"
error Found 2 errors.
info Visit https://yarnpkg.com/en/docs/cli/check for documentation about this command.


Exiting

System configuration

Rails version:
rails 6.0.0

Ruby version:
Ruby 2.6.3

[aesmail]

Setting check_yarn_integrity to false doesn't solve the problem.

All rails commands fail to run due to this error.

[aesmail]

Updated yarn to the latest version and it solved the problem.
Was using 1.2.1, updated to 1.17.3 and it worked.

[priit]

After updating yarn to 1.17.3 you should upgrade your modules as well with command
yarn upgrade

[deepak-shinde]

brew upgrade yarn
yarn upgrade
Both command solved the problem.

[marisveide]

For me it doesn't solve that problem.
I have rails 6 project, with node_modules placed in different directory, outside of the project dir.

Yarn version: 1.22.4

---

.yarnrc file:

--modules-folder "/tmp/myproject/node_modules"

---

Running yarn says all ok:

 % yarn
yarn install v1.22.4
[1/4] 🔍  Resolving packages...
success Already up-to-date.
✨  Done in 0.40s.

---

Running any rails command gives this output:

% rails s
=> Booting Puma
=> Rails 6.0.2.2 application starting in development 
=> Run `rails server --help` for more startup options


========================================
  Your Yarn packages are out of date!
  Please run `yarn install --check-files` to update.
========================================


To disable this check, please change `check_yarn_integrity`
to `false` in your webpacker config file (config/webpacker.yml).


yarn check v1.22.4
success Folder in sync.
Done in 0.07s.
yarn check v1.22.4
error "ts-loader#micromatch" is wrong version: expected "^4.0.0", got "3.1.10"
error "ts-loader#semver" is wrong version: expected "^6.0.0", got "5.7.1"
error "webpack-dev-server#debug" is wrong version: expected "^4.1.1", got "2.6.9"
error "webpack-dev-server#semver" is wrong version: expected "^6.3.0", got "5.7.1"
error "@rails/webpacker#@babel/core#debug" is wrong version: expected "^4.1.0", got "2.6.9"
error "@rails/webpacker#@babel/core#json5" is wrong version: expected "^2.1.2", got "1.0.1"
error "@rails/webpacker#@babel/core#source-map" is wrong version: expected "^0.5.0", got "0.6.1"
error "@rails/webpacker#babel-loader#pify" is wrong version: expected "^4.0.1", got "2.3.0"
error "@rails/webpacker#babel-loader#schema-utils" is wrong version: expected "^2.6.5", got "1.0.0"
error "@rails/webpacker#babel-plugin-macros#cosmiconfig" is wrong version: expected "^6.0.0", got "5.2.1"
error "@rails/webpacker#compression-webpack-plugin#find-cache-dir" is wrong version: expected "^3.0.0", got "2.1.0"
error "@rails/webpacker#compression-webpack-plugin#schema-utils" is wrong version: expected "^2.6.1", got "1.0.0"
error "@rails/webpacker#css-loader#postcss-value-parser" is wrong version: expected "^4.0.2", got "3.3.1"
error "@rails/webpacker#css-loader#schema-utils" is wrong version: expected "^2.6.0", got "1.0.0"
error "@rails/webpacker#file-loader#schema-utils" is wrong version: expected "^2.5.0", got "1.0.0"
error "@rails/webpacker#node-sass#chalk" is wrong version: expected "^1.1.1", got "2.4.2"
error "@rails/webpacker#node-sass#cross-spawn" is wrong version: expected "^3.0.0", got "6.0.5"
error "@rails/webpacker#style-loader#schema-utils" is wrong version: expected "^2.6.4", got "1.0.0"
error "@rails/webpacker#terser-webpack-plugin#find-cache-dir" is wrong version: expected "^3.2.0", got "2.1.0"
error "@rails/webpacker#webpack#terser-webpack-plugin" is wrong version: expected "^1.4.3", got "2.3.5"
error "@rails/webpacker#webpack-cli#enhanced-resolve" is wrong version: expected "4.1.0", got "4.1.1"
error "@rails/webpacker#webpack-cli#loader-utils" is wrong version: expected "1.2.3", got "1.4.0"
error "@rails/webpacker#webpack-cli#yargs" is wrong version: expected "13.2.4", got "12.0.5"
error "ts-loader#chalk#supports-color" is wrong version: expected "^5.3.0", got "6.1.0"
error "ts-loader#enhanced-resolve#memory-fs" is wrong version: expected "^0.5.0", got "0.4.1"
error "webpack-dev-server#bonjour#array-flatten" is wrong version: expected "^2.1.0", got "1.1.1"
error "webpack-dev-server#compression#bytes" is wrong version: expected "3.0.0", got "3.1.0"
error "webpack-dev-server#compression#safe-buffer" is wrong version: expected "5.1.2", got "5.2.0"
error "webpack-dev-server#del#p-map" is wrong version: expected "^2.0.0", got "3.0.0"
error "webpack-dev-server#portfinder#debug" is wrong version: expected "^3.1.1", got "2.6.9"
error "webpack-dev-server#serve-index#http-errors" is wrong version: expected "~1.6.2", got "1.7.2"
error "webpack-dev-server#sockjs-client#debug" is wrong version: expected "^3.2.5", got "2.6.9"
error "webpack-dev-server#sockjs-client#faye-websocket" is wrong version: expected "~0.11.1", got "0.10.0"
error "webpack-dev-server#url#punycode" is wrong version: expected "1.3.2", got "2.1.1"
error "webpack-dev-server#yargs#string-width" is wrong version: expected "^2.0.0", got "1.0.2"
error "@rails/webpacker#@babel/core#convert-source-map#safe-buffer" is wrong version: expected "~5.1.1", got "5.2.0"
error "@rails/webpacker#@babel/preset-env#core-js-compat#semver" is wrong version: expected "7.0.0", got "5.7.1"
error "@rails/webpacker#css-loader#postcss-modules-local-by-default#postcss-selector-parser" is wrong version: expected "^6.0.2", got "5.0.0"
error "@rails/webpacker#css-loader#postcss-modules-local-by-default#postcss-value-parser" is wrong version: expected "^4.0.0", got "3.3.1"
error "@rails/webpacker#css-loader#postcss-modules-scope#postcss-selector-parser" is wrong version: expected "^6.0.0", got "5.0.0"
error "@rails/webpacker#node-sass#node-gyp#semver" is wrong version: expected "~5.3.0", got "5.7.1"
error "@rails/webpacker#node-sass#request#qs" is wrong version: expected "~6.5.2", got "6.7.0"
error "@rails/webpacker#node-sass#sass-graph#yargs" is wrong version: expected "^7.0.0", got "12.0.5"
error "@rails/webpacker#postcss-preset-env#autoprefixer#postcss-value-parser" is wrong version: expected "^4.0.3", got "3.3.1"
error "@rails/webpacker#terser-webpack-plugin#jest-worker#supports-color" is wrong version: expected "^7.0.0", got "6.1.0"
error "@rails/webpacker#webpack#micromatch#define-property" is wrong version: expected "^2.0.2", got "0.2.5"
error "@rails/webpacker#webpack#micromatch#extend-shallow" is wrong version: expected "^3.0.2", got "2.0.1"
error "@rails/webpacker#webpack#node-libs-browser#punycode" is wrong version: expected "^1.2.4", got "2.1.1"
error "webpack-dev-server#chokidar#anymatch#normalize-path" is wrong version: expected "^2.1.1", got "3.0.0"
error "webpack-dev-server#chokidar#glob-parent#is-glob" is wrong version: expected "^3.1.0", got "4.0.1"
error "webpack-dev-server#compression#debug#ms" is wrong version: expected "2.0.0", got "2.1.2"
error "webpack-dev-server#express#send#mime" is wrong version: expected "1.6.0", got "2.4.4"
error "webpack-dev-server#express#send#ms" is wrong version: expected "2.1.1", got "2.1.2"
error "webpack-dev-server#spdy#spdy-transport#readable-stream" is wrong version: expected "^3.0.6", got "2.3.7"
error "webpack-dev-server#yargs#cliui#string-width" is wrong version: expected "^2.1.1", got "1.0.2"
error "webpack-dev-server#yargs#cliui#strip-ansi" is wrong version: expected "^4.0.0", got "3.0.1"
error "@rails/webpacker#compression-webpack-plugin#cacache#minipass#yallist" is wrong version: expected "^4.0.0", got "3.1.1"
error "@rails/webpacker#node-sass#meow#camelcase-keys#camelcase" is wrong version: expected "^2.0.0", got "5.3.1"
error "@rails/webpacker#node-sass#meow#read-pkg-up#find-up" is wrong version: expected "^1.0.0", got "3.0.0"
error "@rails/webpacker#node-sass#meow#redent#indent-string" is wrong version: expected "^2.1.0", got "4.0.0"
error "@rails/webpacker#node-sass#sass-graph#scss-tokenizer#source-map" is wrong version: expected "^0.4.2", got "0.6.1"
error "@rails/webpacker#node-sass#stdout-stream#readable-stream#string_decoder" is wrong version: expected "~1.1.1", got "1.3.0"
error "@rails/webpacker#postcss-preset-env#css-has-pseudo#postcss-selector-parser#cssesc" is wrong version: expected "^2.0.0", got "3.0.0"
error "@rails/webpacker#webpack#micromatch#extglob#define-property" is wrong version: expected "^1.0.0", got "0.2.5"
error "@rails/webpacker#webpack#micromatch#snapdragon#source-map" is wrong version: expected "^0.5.6", got "0.6.1"
error "@rails/webpacker#webpack#node-libs-browser#assert#util" is wrong version: expected "0.10.3", got "0.11.1"
error "@rails/webpacker#webpack#node-libs-browser#util#inherits" is wrong version: expected "2.0.3", got "2.0.4"
error "@rails/webpacker#webpack-cli#findup-sync#resolve-dir#global-modules" is wrong version: expected "^1.0.0", got "2.0.0"
error "webpack-dev-server#chokidar#braces#split-string#extend-shallow" is wrong version: expected "^3.0.0", got "2.0.1"
error "webpack-dev-server#http-proxy-middleware#http-proxy#follow-redirects#debug" is wrong version: expected "^3.0.0", got "2.6.9"
error "@rails/webpacker#node-sass#meow#read-pkg-up#read-pkg#path-type" is wrong version: expected "^1.0.0", got "4.0.0"
error "@rails/webpacker#node-sass#npmlog#gauge#string-width#is-fullwidth-code-point" is wrong version: expected "^1.0.0", got "2.0.0"
error "@rails/webpacker#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-merge-rules#postcss-selector-parser" is wrong version: expected "^3.0.0", got "5.0.0"
error "@rails/webpacker#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-normalize-url#is-absolute-url" is wrong version: expected "^2.0.0", got "3.0.3"
error "@rails/webpacker#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-normalize-url#normalize-url" is wrong version: expected "^3.0.0", got "1.9.1"
error "@rails/webpacker#webpack#micromatch#snapdragon#define-property#is-descriptor" is wrong version: expected "^0.1.0", got "1.0.2"
error "webpack-dev-server#chokidar#braces#fill-range#is-number#kind-of" is wrong version: expected "^3.0.2", got "6.0.3"
error "webpack-dev-server#chokidar#braces#snapdragon-node#snapdragon-util#kind-of" is wrong version: expected "^3.2.0", got "6.0.3"
error "@rails/webpacker#@babel/preset-env#@babel/plugin-proposal-unicode-property-regex#@babel/helper-create-regexp-features-plugin#regexpu-core#regjsparser#jsesc" is wrong version: expected "~0.5.0", got "2.5.2"
error "@rails/webpacker#node-sass#meow#read-pkg-up#read-pkg#load-json-file#parse-json" is wrong version: expected "^2.2.0", got "4.0.0"
error "@rails/webpacker#webpack#micromatch#snapdragon#base#mixin-deep#is-extendable" is wrong version: expected "^1.0.1", got "0.1.1"
error "@rails/webpacker#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-svgo#svgo#csso#css-tree" is wrong version: expected "1.0.0-alpha.39", got "1.0.0-alpha.37"
error "@rails/webpacker#webpack#micromatch#snapdragon#base#cache-base#unset-value#has-value" is wrong version: expected "^0.3.1", got "1.0.0"
error "@rails/webpacker#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-colormin#color#color-string#simple-swizzle#is-arrayish" is wrong version: expected "^0.3.1", got "0.2.1"
error "@rails/webpacker#webpack#micromatch#snapdragon#base#cache-base#has-value#has-values#kind-of" is wrong version: expected "^4.0.0", got "6.0.3"
error "@rails/webpacker#webpack#micromatch#snapdragon#base#class-utils#static-extend#object-copy#kind-of" is wrong version: expected "^3.0.3", got "6.0.3"
error "@rails/webpacker#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-svgo#svgo#css-select#domutils#dom-serializer#domelementtype" is wrong version: expected "^2.0.1", got "1.3.1"
error Found 87 errors.
info Visit https://yarnpkg.com/en/docs/cli/check for documentation about this command.


Exiting

---

When I move the node_modules to the default directory inside the project, then all works fine.
I really need node_modules to be outside the project dir.

[dmlond]

I have a similar setup as marisveide. I want node_modules to be in the parent directory of the Rails.root so that docker container runs with a volume mounted Rails.root do not also volume mount node_modules, which performs lousy on Mac OSX. This is suggested by
https://www.docker.com/blog/keep-nodejs-rockin-in-docker/

[wowremywang]

yarn upgrade was helpful. 👍

[brendonrapp]

I've experienced the exact same behavior as marisveide and dmlond in a Rails 6.0.2.2 project with node_modules moved outside of the project root.

[fabianestebanmolina]

thanks man! i have the same problem....thanks a lot! yarn upgrade