Vue-cli: Any new project running will report an error.

[Leslie-Luo]

Version

3.9.3

Environment info

System:
    OS: macOS 10.14.6
    CPU: (4) x64 Intel(R) Core(TM) i5-6200U CPU @ 2.30GHz
  Binaries:
    Node: 12.6.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.9.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 75.0.3770.100
    Firefox: Not Found
    Safari: 12.1.2
  npmGlobalPackages:
    @vue/cli: 3.9.3

Steps to reproduce

1. run vue ui
2. Create a new project
3. Execute Server in the dashboard

What is expected?

The project is running correctly

What is actually happening?

$ vue-cli-service serve --mode development --dashboard
 INFO  Starting development server...

 88% content hashing JavascriptModulesPlugin ERROR  Failed to compile with 7 errors下午3:32:04


These dependencies were not found:

* /Users/ovo/Documents/Outsourcing/Wen/Test/node_modules/webpack-dev-server/client/index.js?http://172.16.10.49:8080/sockjs-node in multi ../Test/node_modules/webpack-dev-server/client?http://172.16.10.49:8080/sockjs-node ../Test/node_modules/webpack/hot/dev-server.js ./src/main.js, multi ../Test/node_modules/webpack-dev-server/client?http://localhost ../Test/node_modules/webpack/hot/dev-server.js ../Test/node_modules/webpack-dev-server/client?http://172.16.10.49:8080/sockjs-node ./src/main.js
* /Users/ovo/Documents/Outsourcing/Wen/Test/node_modules/webpack-dev-server/client/index.js?http://localhost in multi ../Test/node_modules/webpack-dev-server/client?http://localhost ../Test/node_modules/webpack/hot/dev-server.js ../Test/node_modules/webpack-dev-server/client?http://172.16.10.49:8080/sockjs-node ./src/main.js
* /Users/ovo/Documents/Outsourcing/Wen/Test/node_modules/webpack/hot/dev-server.js in multi ../Test/node_modules/webpack-dev-server/client?http://172.16.10.49:8080/sockjs-node ../Test/node_modules/webpack/hot/dev-server.js ./src/main.js, multi ../Test/node_modules/webpack-dev-server/client?http://localhost ../Test/node_modules/webpack/hot/dev-server.js ../Test/node_modules/webpack-dev-server/client?http://172.16.10.49:8080/sockjs-node ./src/main.js

To install them, you can run: npm install --save /Users/ovo/Documents/Outsourcing/Wen/Test/node_modules/webpack-dev-server/client/index.js?http://172.16.10.49:8080/sockjs-node /Users/ovo/Documents/Outsourcing/Wen/Test/node_modules/webpack-dev-server/client/index.js?http://localhost /Users/ovo/Documents/Outsourcing/Wen/Test/node_modules/webpack/hot/dev-server.js


This relative module was not found:

* ./src/main.js in multi ../Test/node_modules/webpack-dev-server/client?http://172.16.10.49:8080/sockjs-node ../Test/node_modules/webpack/hot/dev-server.js ./src/main.js, multi ../Test/node_modules/webpack-dev-server/client?http://localhost ../Test/node_modules/webpack/hot/dev-server.js ../Test/node_modules/webpack-dev-server/client?http://172.16.10.49:8080/sockjs-node ./src/main.js

---

This problem occurs when you create any new project.

[St1ggy]

So this issue has not any resolves?
I have same error and can't use GUI with it all power

[liflovs]

+1

[wuhan005]

I updated the Vue CLI to the lastest version but the problem still exists.

[AchillesDS]

+1

[ShawLyon]

+10086

[liflovs]

got new Mac Os version and updated vue - now somehow works...

[LosEcher]

vue-cli does not support ProjectName with uppercase letters.

The actual ProjectName created by vue-cli is lowercased.

In your case, the path should be
Users/ovo/Documents/Outsourcing/Wen/test/...

Hence This relative module was not found
So this might be fixed by editing your ProjectName Test to test in vue-cli db file:

~/.vue-cli-ui/db.json

{
  "projects": [
    {
      "id": "some id ",
      "path": "your actrual project path",
        ...
    },
  ]
}

then restart the GUI.