Thrown error "cannot find module 'read-pkg'"

[TheVirtuoid]

Version

3.0.0-rc.4

Reproduction link

https://codesandbox.io/s/vue

NOTE: The above link is there only to satisfy the submission requirements. I cannot provide a link to a CLI throwing an error. Thank you.

Steps to reproduce

1. npm update -g @vue/cli
2. npm install -g @vue/cli
3. vue ui
   Error occurs after "Starting GUI..."

OR

1. npm uninstall -g @vue/cli
2. npm install -g @vue/cli
3. vue ui

What is expected?

Browser window to open

What is actually happening?

Thrown error.

---

Last week I was successful in installing and generating a new project using vue ui.

Today, I updated @vue/cli, then tried vue ui, only to get the error mentioned below.

I tried uninstalling and installing again, but to no avail.

"vue create" using my preset created last week works.

The stack trace:

🚀  Starting GUI...
 ERROR  Error: Cannot find module 'read-pkg'
Error: Cannot find module 'read-pkg'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
    at Function.Module._load (internal/modules/cjs/loader.js:507:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (C:\Users\auser\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\@vue\cli-ui\apollo-server\connectors\folders.js:5:17)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)

Thank you.

[NataliaTepluhina]

As a workaround, npm i -g read-pkg or yarn global add read-pkg. Also make sure to clear your browser cache.
#1846 (comment)

[hsxfjames]

Seems we hava to wait next version to fix it, since the already published version @vue/cli-ui@3.0.0-rc.4 have its read-pkg in devDependencies.

[Akryum]

NOTE: The above link is there only to satisfy the submission requirements. I cannot provide a link to a CLI throwing an error. Thank you.

It's OK don't worry. 😸

Duplicate of #1846

[joshuaoyerinde]

internal/modules/cjs/loader.js:905
throw err;
^

Error: Cannot find module 'open'
Require stack:

• /Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/lib/openBrowser.js
• /Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/index.js
• /Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/bin/vue-cli-service.js
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
  at Function.Module._load (internal/modules/cjs/loader.js:746:27)
  at Module.require (internal/modules/cjs/loader.js:974:19)
  at require (internal/modules/cjs/helpers.js:93:18)
  at Object. (/Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/lib/openBrowser.js:9:14)
  at Module._compile (internal/modules/cjs/loader.js:1085:14)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
  at Module.load (internal/modules/cjs/loader.js:950:32)
  at Function.Module._load (internal/modules/cjs/loader.js:790:12)
  at Module.require (internal/modules/cjs/loader.js:974:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
  '/Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/lib/openBrowser.js',
  '/Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/index.js',
  '/Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/bin/vue-cli-service.js'
  ]
  }
  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! c@0.1.0 serve: vue-cli-service serve
  npm ERR! Exit status 1
  npm ERR!
  npm ERR! Failed at the c@0.1.0 serve script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/oyerindejoshua/.npm/_logs/2021-10-27T22_53_28_658Z-debug.log
oyerindejoshua@oyerindes-MacBook-Pro LMs % npm run serve

c@0.1.0 serve /Applications/XAMPP/xamppfiles/htdocs/folder/LMs
vue-cli-service serve

internal/modules/cjs/loader.js:905
throw err;
^

Error: Cannot find module 'open'
Require stack:

• /Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/lib/openBrowser.js
• /Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/index.js
• /Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/bin/vue-cli-service.js
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
  at Function.Module._load (internal/modules/cjs/loader.js:746:27)
  at Module.require (internal/modules/cjs/loader.js:974:19)
  at require (internal/modules/cjs/helpers.js:93:18)
  at Object. (/Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/lib/openBrowser.js:9:14)
  at Module._compile (internal/modules/cjs/loader.js:1085:14)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
  at Module.load (internal/modules/cjs/loader.js:950:32)
  at Function.Module._load (internal/modules/cjs/loader.js:790:12)
  at Module.require (internal/modules/cjs/loader.js:974:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
  '/Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/lib/openBrowser.js',
  '/Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/node_modules/@vue/cli-shared-utils/index.js',
  '/Applications/XAMPP/xamppfiles/htdocs/folder/LMs/node_modules/@vue/cli-service/bin/vue-cli-service.js'
  ]
  }
  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! c@0.1.0 serve: vue-cli-service serve
  npm ERR! Exit status 1
  npm ERR!
  npm ERR! Failed at the c@0.1.0 serve script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/oyerindejoshua/.npm/_logs/2021-10-27T23_03_46_735Z-debug.log### ###

this is my error i dont knw what happen immediately i got this