问答详情
源自:3-5 vuex介绍

使用vscode做出的更改在页面不显示

在vscode集成了wsl终端,所以经常使用vscode做一些开发,在App.vue内设置路由链接在localhost:8080内均不显示更改,无论是新增或者删除……懵逼了。。。

Router

https://img2.mukewang.com/5ca2f03900016ef907260578.jpg

App.vue

https://img.mukewang.com/5ca2f05f0001db2904610577.jpg

Info.vue

https://img1.mukewang.com/5ca2f06e0001019a04080415.jpg

目录

https://img2.mukewang.com/5ca2f0840001140702320437.jpg

情况是,不管在App.vue进行什么操作,在8080页都是无效的。。。

提问者:qq_好多好多好多鱼_04205101 2019-04-02 13:18

个回答

  • Brian
    2019-04-02 16:42:54

    1.  你使用npm run serve,修改了内容之后(要确定你保存了,ctrl+s了),终端里面有什么提示吗?

      默认来说,vue cli工具创建的工程会监听文件的变化,进行热编译。可以看到当你保存文件的时候,终端工具的窗口里面会有编译的提示。

    2. node -v , npm -v,vue --version,把你目前使用版本贴出来一下(Package.json),确保与视频中的一致。


  • 慕标7535403
    2022-05-04 17:27:24

    我遇到了和你一样的问题,找不着原因所在了

  • qq_好多好多好多鱼_04205101
    2019-04-02 20:45:10

    {

     "name": "rebuild-ui",

     "version": "0.1.0",

     "private": true,

     "scripts": {

       "serve": "vue-cli-service serve",

       "build": "vue-cli-service build",

       "lint": "vue-cli-service lint"

     },

     "dependencies": {

       "core-js": "^2.6.5",

       "vue": "^2.6.6",

       "vue-router": "^3.0.1",

       "vuex": "^3.0.1"

     },

     "devDependencies": {

       "@vue/cli-plugin-babel": "^3.5.0",

       "@vue/cli-plugin-eslint": "^3.5.0",

       "@vue/cli-service": "^3.5.0",

       "@vue/eslint-config-standard": "^4.0.0",

       "babel-eslint": "^10.0.1",

       "eslint": "^5.8.0",

       "eslint-plugin-vue": "^5.0.0",

       "node-sass": "^4.9.0",

       "sass-loader": "^7.1.0",

       "vue-template-compiler": "^2.5.21"

     }

    }

    回复贴不下package.json。。。