OiO.lk Community platform!

Oio.lk is an excellent forum for developers, providing a wide range of resources, discussions, and support for those in the developer community. Join oio.lk today to connect with like-minded professionals, share insights, and stay updated on the latest trends and technologies in the development field.
  You need to log in or register to access the solved answers to this problem.
  • You have reached the maximum number of guest views allowed
  • Please register below to remove this limitation

Why is my vue development server not updating after a change?

  • Thread starter Thread starter Daniel Tjandra
  • Start date Start date
D

Daniel Tjandra

Guest
First post so don't roast me too hard.

I am running a development server for my Vue app with npm run serve. The server takes several minutes to start and build. I read online that my changes should reload the server, this is not the case. I am new to Vue and npm so I am not sure what to do.

Here is what my terminal says:

Code:
npm run serve

> [email protected] serve
> vue-cli-service serve --host localhost

 INFO  Starting development server...


 DONE  Compiled successfully in 103891ms                                                                            3:30:58 AM

  App running at:
  - Local:   http://localhost:8080/
  - Network: http://localhost:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

And here is my package.json

Code:
{
  "name": "myapp",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve --host localhost",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.8.3",
    "vue": "^3.2.13"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead",
    "not ie 11"
  ]
}

I tried the solutions on this post but nothing worked.

Anyone have any ideas?

Update​


Got it to work much faster by switching from working in the windows file system to the Linux one.

<p>First post so don't roast me too hard.</p>
<p>I am running a development server for my Vue app with <code>npm run serve</code>. The server takes several minutes to start and build. I read online that my changes should reload the server, this is not the case. I am new to Vue and npm so I am not sure what to do.</p>
<p>Here is what my terminal says:</p>
<pre><code>npm run serve

> [email protected] serve
> vue-cli-service serve --host localhost

INFO Starting development server...


DONE Compiled successfully in 103891ms 3:30:58 AM

App running at:
- Local: http://localhost:8080/
- Network: http://localhost:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.
</code></pre>
<p>And here is my package.json</p>
<pre><code>{
"name": "myapp",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve --host localhost",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.8.3",
"vue": "^3.2.13"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "@babel/eslint-parser"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead",
"not ie 11"
]
}
</code></pre>
<p>I tried the solutions on <a href="https://stackoverflow.com/questions/54816713/why-is-npm-run-serve-building-slow-on-vue-js">this post</a> but nothing worked.</p>
<p>Anyone have any ideas?</p>
<h2>Update</h2>
<p>Got it to work much faster by switching from working in the windows file system to the Linux one.</p>
 
Top