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

来源:3-5 vuex介绍

qq_好多好多好多鱼_04205101

2019-04-02 13:18

在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页都是无效的。。。

写回答 关注

3回答

  • Brian
    2019-04-02 16:42:54
    1.  你使用npm run serve,修改了内容之后(要确定你保存了,ctrl+s了),终端里面有什么提示吗?

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

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


    qq_好多好... 回复qq_好多好...

    您指的是Vue Language Server吗?准确的说,修改后终端(WSL)和输出(Vue Language Server)无有用信息输出

    2019-04-02 20:52:09

    共 3 条回复 >

  • 慕标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。。。

    Brian

    1. 有没有使用vue的chrome调试工具看看,当点击router链接的时候,DOM这边有没有变化? 2. 有没有重新安装Node_modules过; 3. 有没有重新运行npm run serve命令过; 4. 写一个定时方法到mounted中, let _this = this setTimeout(()=>{ _this.$router.push('这里写你要去的路由') },2000) 如果还是自己找不到原因,请提供一下github地址,我来看看

    2019-04-02 23:16:42

    共 1 条回复 >

3小时速成 Vue2.x 核心技术

带你快速学习最流行的前端框架vue2.x的核心技术

82574 学习 · 489 问题

查看课程

相似问题