'vue-cli-service serve --port' does not work as advertised #4452

captainrdubb · 2019-08-18T06:35:34Z

Version

3.10.0

Environment info

 System:
    OS: Linux 4.15 Ubuntu 18.04.3 LTS (Bionic Beaver)
    CPU: (12) x64 AMD Ryzen 5 1600X Six-Core Processor
  Binaries:
    Node: 10.14.1 - ~/.nvm/versions/node/v10.14.1/bin/node
    Yarn: 1.15.2 - ~/.yarn/bin/yarn
    npm: 6.4.1 - ~/.nvm/versions/node/v10.14.1/bin/npm
  Browsers:
    Chrome: 76.0.3809.100
    Firefox: 68.0.2
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0 
    @vue/babel-plugin-transform-vue-jsx:  1.0.0 
    @vue/babel-preset-app:  3.10.0 
    @vue/babel-preset-jsx:  1.1.0 
    @vue/babel-sugar-functional-vue:  1.0.0 
    @vue/babel-sugar-inject-h:  1.0.0 
    @vue/babel-sugar-v-model:  1.0.0 
    @vue/babel-sugar-v-on:  1.1.0 
    @vue/cli-overlay:  3.10.0 
    @vue/cli-plugin-babel: ^3.10.0 => 3.10.0 
    @vue/cli-plugin-typescript: ^3.10.0 => 3.10.0 
    @vue/cli-plugin-unit-mocha: ^3.10.0 => 3.10.0 
    @vue/cli-service: ^3.10.0 => 3.10.0 
    @vue/cli-shared-utils:  3.10.0 
    @vue/component-compiler-utils:  2.6.0 (3.0.0)
    @vue/preload-webpack-plugin:  1.1.1 
    @vue/test-utils: 1.0.0-beta.29 => 1.0.0-beta.29 
    @vue/web-component-wrapper:  1.2.0 
    typescript: ^3.4.3 => 3.5.3 
    vue: ^2.6.10 => 2.6.10 
    vue-class-component: ^7.0.2 => 7.1.0 
    vue-hot-reload-api:  2.3.3 
    vue-loader:  15.7.1 
    vue-property-decorator: ^8.1.0 => 8.2.1 
    vue-style-loader:  4.1.2 
    vue-template-compiler: ^2.6.10 => 2.6.10 
    vue-template-es2015-compiler:  1.9.1 
    vuex: ^3.0.1 => 3.1.1 
  npmGlobalPackages:
    @vue/cli: 3.10.0

Steps to reproduce

run 'npm serve --port ' or 'vue-cli-service serve --port ' in terminal.

What is expected?

i expect the server to listen on the declared port argument or print an error

What is actually happening?

a random port is selected between the declared port argument and portfinder's default max safe port number 40000

i found the code in node_modules/@vue/cli-service/lib/commands/serve.js leveraging portfinder line 80 & 81. it appears portfinder.basePort is set to the port argument, then portfinder.getPortPromise is called, which returns a random port number.

The text was updated successfully, but these errors were encountered:

hhhpw · 2019-08-18T07:07:17Z

I have same question.
version: 3.10.0
I want change the port of project. but it not works.
vue.config.js module.exports = { devServer: { port: 8091, open: true }, lintOnSave: false };
cll --port also not works.

mpromonet · 2019-08-18T07:51:40Z

Hi,
This problem is reported in https://stackoverflow.com/questions/57536785/vue-npm-run-serve-starts-on-random-port and I submit the PR to avoid this problem #4451
This PR change a little the behaviour when the port is used, before the next port was use with this modification it will failed.
Best Regards,
Michel.

vkaracic · 2019-08-18T09:10:56Z

Was just about to report the same. I'm using 4.0.0-beta.3 release and have the same issue.

  devServer: {
    port: 8080
  },

doesn't do anything, the port is still a random one.

imaginarny · 2019-08-18T09:53:53Z

Well, yes. I spent last night trying all 4 methods I could think of but neither worked.

Writing port argument in serve script in package.json
"serve": "vue-cli-service serve --port 8080"
Using .env, .env.*, .env.*.local files with variable
PORT=8080
Using vue.config.js
devServer: { port: 8080 }
By passing an argument in cli command e.g.
npm run serve -- --port 8080 or npx vue-cli-service serve --port 8080

mpromonet · 2019-08-18T09:59:03Z

Hi @imaginarny @vkaracic ,
The PR is not merged, you could try patching node_modules/@vue/cli-service/lib/commands/serve.js

A way to workaround the problem is to install old portfinder with:

   npm install [email protected]

Best Regards,
Michel.

XLearner · 2019-08-18T10:46:32Z

Yeah. The previous two days, it still worked. But today, I create a new project, vue.config.js is not worked. What happened.

ThibaultVlacich · 2019-08-18T11:07:21Z

Yeah. The previous two days, it still worked. But today, I create a new project, vue.config.js is not worked. What happened.

https://github.com/http-party/node-portfinder/ released a breaking change as a minor bugfix release, that's what happened...

designbydc · 2019-08-18T11:07:49Z

Yes, same problem here. The vue.config.js in my project is loading fine but the port 8080 or other port number will not be replaced

pravosleva · 2019-08-18T14:15:32Z

--port option does not work.

node 10.16.3
yarn 1.17.3
@vue/[email protected] (and @vue/[email protected] too)

Or vue-cli-service serve --port 3000 in package.json script like this:

...But not specified port will be used. Could anybody please help me? )

And also, tcp port 3000 was killed in dev.sh before start by $ yarn --cwd ./frontend serve.
All deps installed: $ rm -rf ./node_modules && yarn install in /frontend
Then I tried this: @vue/[email protected] installed globally. But not specified port will be used again (screen below).

pravosleva · 2019-08-18T14:24:04Z

@bokub Why should I have to use vue serve when vue-cli asked me what gonna be used yarn or npm? yarn was selected already.
/frontend directory was created by $ vue create frontend as project with base files pack. In settings i selected yarn to use. So project could be started by $ yarn serve.

pravosleva · 2019-08-18T14:26:27Z

For example $ vue serve --port 3000 from terminal:

bokub · 2019-08-18T18:20:40Z

@pravosleva The message is pretty explicit, it says that a valid entry file has not been found.
An entry file is required for instant prototyping, as explained here

Again, you confuse vue-cli-service serve (which is what this thread is about) with vue serve, a completely different command.

ThibaultVlacich · 2019-08-18T19:21:32Z

Hi @imaginarny @vkaracic ,
The PR is not merged, you could try patching node_modules/@vue/cli-service/lib/commands/serve.js

A way to workaround the problem is to install old portfinder with:
   npm install [email protected]
Best Regards,
Michel.

If you use yarn, here's the corresponding workaround.

Add this to your package.json then run yarn install.

"resolutions": {
  "@vue/cli-service/portfinder": "1.0.21"
},

sp3c73r2038 · 2019-08-19T02:58:42Z

Also want to inform that I started a new vue cli project with portfinder resolved to 1.0.22 and encounter this issue.

specificying portfinder to 1.0.21 solves the problem.

Thanks @mpromonet @ThibaultVlacich

emielmolenaar · 2019-08-19T07:22:09Z

Also want to inform that I started a new vue cli project with portfinder resolved to 1.0.22 and encounter this issue.

specificying portfinder to 1.0.21 solves the problem.

Thanks @mpromonet @ThibaultVlacich

It does not solve the problem, it is a nasty workaround for a problem that should not exist.

wizardnet972 · 2019-08-19T08:22:56Z

When I run vue create my-app and after cd my-app && npm run serve then I get it run on random port.

pravosleva · 2019-08-19T09:29:29Z

@ThibaultVlacich Ok. Could you please help me with this:

babal-loader already installed (locally and globally), but project could not be started.
PS: Solved. But this explicit way only: $ yarn add [email protected]

HMS-0908 · 2019-08-19T09:54:04Z

删了，整个项目，重新拉了个项目，我就解决了这个问题

HMS-0908 · 2019-08-19T09:58:29Z

我安装了electron-cli插件，不知道项目那里被改动了，估计是这个插件导致的问题

davelsan · 2019-08-19T10:24:17Z

Thank you, @ThibaultVlacich. I looked for a solution akin to yarn resolutions, but using pnpm. The answer was to use pnpm hooks.

If anyone is interested, this is the tentative workaround I am currently using. It works for me, but use on your own responsibility:

Create pnpmfile.js in the project's root with the code below
Delete or rename pnpm-lock.yaml
Run pnpm install.

// pnpmfile.js

module.exports = {
    hooks: {
        readPackage
    }
};

function readPackage (pkg, context) {
    if (pkg.name === '@vue/cli-service') {
        pkg.dependencies = { portfinder: '1.0.21' };
        context.log(`${pkg.name}_${pkg.version}/portfinder 1.0.22 => 1.0.21`);
    }

    return pkg;
}

The hook could check for @vue/cli-service version, not only the name. But since this is a workaround until a patch is merged, I don't think it is much of a problem. Once this issue is fixed, this workaround will no longer be necessary.

mashrabbek · 2019-08-19T17:42:19Z

same issue, last update of vue-cli didnt fix the issue if problem is solved

imaginarny · 2019-08-19T21:07:21Z

You can update your apps and remove workarounds. Faulty node-portfinder v1.0.22 was reverted, v1.0.23 is now the same as previously working v1.0.21 #84

haoqunjiang · 2019-08-20T03:23:46Z

Fixed in portfinder v1.0.23, please delete your lockfile and try install the dependencies again.

therealshark · 2019-08-21T09:15:19Z

Fixed in portfinder v1.0.23, please delete your lockfile and try install the dependencies again.

In case you want to leave the other project dependendcies locked you can also only delete the lockfinder part in the package-lock :)

"portfinder": {
      "version": "1.0.22",
     ...
},

dukeofharen pushed a commit to dukeofharen/httplaceholder that referenced this issue Aug 18, 2019

Fixed stupid portfinder issue: see vuejs/vue-cli#4452

c1cd2aa

bokub mentioned this issue Aug 18, 2019

Add --port argument to 'vue serve' command #4342

Merged

haoqunjiang added bug upstream labels Aug 18, 2019

mcheolpark mentioned this issue Aug 19, 2019

npm run serve 실행시 port 번호 설정 안되는 현상 mcheolpark/calendar-front#1

Open

Qaick mentioned this issue Aug 19, 2019

the version 1.0.22 do not search from the basePort http-party/node-portfinder#84

Closed

haoqunjiang pinned this issue Aug 19, 2019

This was referenced Aug 19, 2019

The port Settings were disabled by the portfinder update #4464

Closed

The default generated vue-cli app isn't served on http://localhost:8080/ although other ports work #4437

Closed

douglasg14b mentioned this issue Aug 19, 2019

[Upstream] Specified port is completely ignored EEParker/aspnetcore-vueclimiddleware#24

Closed

haoqunjiang closed this as completed Aug 20, 2019

haoqunjiang unpinned this issue Aug 20, 2019

abercrave added a commit to abercrave/vuex-counter that referenced this issue Sep 6, 2019

Fix for vuejs/vue-cli#4452

eada132

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

'vue-cli-service serve --port' does not work as advertised #4452

'vue-cli-service serve --port' does not work as advertised #4452

captainrdubb commented Aug 18, 2019

hhhpw commented Aug 18, 2019

mpromonet commented Aug 18, 2019

vkaracic commented Aug 18, 2019

imaginarny commented Aug 18, 2019

mpromonet commented Aug 18, 2019 •

edited

Loading

XLearner commented Aug 18, 2019

ThibaultVlacich commented Aug 18, 2019 •

edited

Loading

designbydc commented Aug 18, 2019

pravosleva commented Aug 18, 2019 •

edited

Loading

pravosleva commented Aug 18, 2019 •

edited

Loading

pravosleva commented Aug 18, 2019 •

edited

Loading

bokub commented Aug 18, 2019

ThibaultVlacich commented Aug 18, 2019

sp3c73r2038 commented Aug 19, 2019 •

edited

Loading

emielmolenaar commented Aug 19, 2019

wizardnet972 commented Aug 19, 2019

pravosleva commented Aug 19, 2019 •

edited

Loading

HMS-0908 commented Aug 19, 2019

HMS-0908 commented Aug 19, 2019

davelsan commented Aug 19, 2019

mashrabbek commented Aug 19, 2019

imaginarny commented Aug 19, 2019

haoqunjiang commented Aug 20, 2019

therealshark commented Aug 21, 2019

'vue-cli-service serve --port' does not work as advertised #4452

'vue-cli-service serve --port' does not work as advertised #4452

Comments

captainrdubb commented Aug 18, 2019

Version

Environment info

Steps to reproduce

What is expected?

What is actually happening?

hhhpw commented Aug 18, 2019

mpromonet commented Aug 18, 2019

vkaracic commented Aug 18, 2019

imaginarny commented Aug 18, 2019

mpromonet commented Aug 18, 2019 • edited Loading

XLearner commented Aug 18, 2019

ThibaultVlacich commented Aug 18, 2019 • edited Loading

designbydc commented Aug 18, 2019

pravosleva commented Aug 18, 2019 • edited Loading

pravosleva commented Aug 18, 2019 • edited Loading

pravosleva commented Aug 18, 2019 • edited Loading

bokub commented Aug 18, 2019

ThibaultVlacich commented Aug 18, 2019

sp3c73r2038 commented Aug 19, 2019 • edited Loading

emielmolenaar commented Aug 19, 2019

wizardnet972 commented Aug 19, 2019

pravosleva commented Aug 19, 2019 • edited Loading

HMS-0908 commented Aug 19, 2019

HMS-0908 commented Aug 19, 2019

davelsan commented Aug 19, 2019

mashrabbek commented Aug 19, 2019

imaginarny commented Aug 19, 2019

haoqunjiang commented Aug 20, 2019

therealshark commented Aug 21, 2019

mpromonet commented Aug 18, 2019 •

edited

Loading

ThibaultVlacich commented Aug 18, 2019 •

edited

Loading

pravosleva commented Aug 18, 2019 •

edited

Loading

pravosleva commented Aug 18, 2019 •

edited

Loading

pravosleva commented Aug 18, 2019 •

edited

Loading

sp3c73r2038 commented Aug 19, 2019 •

edited

Loading

pravosleva commented Aug 19, 2019 •

edited

Loading