为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/Vue.js

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

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

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

Router

https://img1.sycdn.imooc.com//5ca2f03900016ef907260578.jpg

App.vue

https://img1.sycdn.imooc.com//5ca2f05f0001db2904610577.jpg

Info.vue

https://img1.sycdn.imooc.com//5ca2f06e0001019a04080415.jpg

目录

https://img1.sycdn.imooc.com//5ca2f0840001140702320437.jpg

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

qq_好多好多好多鱼_04205101

2019-04-02

源自：3小时速成 Vue2.x 核心技术  3-5

关注问题 我要回答
10200
操作
收起

正在回答

3 回答

Brian
2019-04-02

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

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

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


0 回复 有任何疑惑可以回复我~
收起回答
#1

qq_好多好多好多鱼_04205101 提问者

我有随时Ctrl+S的习惯 终端提示 DONE Compiled successfully in 3266ms App running at: - Local: http://localhost:8080/ - Network: http://192.168.81.1:8080/ Note that the development build is not optimized. To create a production build, run npm run build.
2019-04-02 回复 有任何疑惑可以回复我~
#2

qq_好多好多好多鱼_04205101 提问者

➜ rebuild-ui git:(master) ✗ node -v v8.10.0 ➜ rebuild-ui git:(master) ✗ npm -v 6.9.0 ➜ rebuild-ui git:(master) ✗ vue --version 3.5.5
2019-04-02 回复 有任何疑惑可以回复我~
#3

qq_好多好多好多鱼_04205101 提问者 回复 qq_好多好多好多鱼_04205101 提问者

您指的是Vue Language Server吗？准确的说，修改后终端（WSL）和输出（Vue Language Server）无有用信息输出
2019-04-02 回复 有任何疑惑可以回复我~
慕标7535403
2022-05-04

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

0 回复 有任何疑惑可以回复我~
收起回答
qq_好多好多好多鱼_04205101 提问者
2019-04-02

{

 "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。。。

0 回复 有任何疑惑可以回复我~
收起回答
#1

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 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
3小时速成 Vue2.x 核心技术
  • 参与学习       82579    人
  • 解答问题       489    个

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

进入课程

本课相似问答

1 回答怎么使用路由跳转页面显示undefined呢

3 回答msg没有显示在页面上

1 回答add 页面到 list 页面，list 不显示内容

1 回答webstorm中vue代码修改后页面不更新

1 回答msg的值没有在界面上同步更新显示
搜索更多本课相关问答

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信