0
点赞
收藏
分享

微信扫一扫

Vue——bug And question

前端王祖蓝 2022-01-17 阅读 22

前言:先确定网上的解决方案是在何种系统下解决的,不同系统下可能会出现问题

1.使用vue list命令 为何使用 vue xxx 命令的时候出现 Unknown command xxx?

在这里插入图片描述

2.vue-cli安装失败

C:\WINDOWS\system32>npm install vue-cli -g
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated duplexer3@0.1.4: Sadly, duplexer3 is no longer with us. It will be missed.
npm WARN rm not removing C:\Program Files\nodejs\vue.ps1 as it wasn't installed by C:\Program Files\nodejs\node_modules\vue-cli
npm WARN rm not removing C:\Program Files\nodejs\vue.cmd as it wasn't installed by C:\Program Files\nodejs\node_modules\vue-cli
npm WARN rm not removing C:\Program Files\nodejs\vue as it wasn't installed by C:\Program Files\nodejs\node_modules\vue-cli
C:\Program Files\nodejs\vue-init -> C:\Program Files\nodejs\node_modules\vue-cli\bin\vue-init
C:\Program Files\nodejs\vue-list -> C:\Program Files\nodejs\node_modules\vue-cli\bin\vue-list
npm ERR! code EEXIST
npm ERR! path C:\Program Files\nodejs\node_modules\vue-cli\bin\vue
npm ERR! dest C:\Program Files\nodejs\vue.cmd
npm ERR! EEXIST: file already exists, cmd shim 'C:\Program Files\nodejs\node_modules\vue-cli\bin\vue' -> 'C:\Program Files\nodejs\vue.cmd'
npm ERR! File exists: C:\Program Files\nodejs\vue.cmd
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\zwenliao\.npm\_logs\2020-07-06T03_31_36_024Z-debug.log

方案:暴力解决,直接输入指令

	C:\WINDOWS\system32> npm install vue-cli -g  --force

3.webpack-v能显示已经安装成功,运行webpack怎么提示没有安装呢?(暂未解决)

4.错误提示:vue-router.esm.js?fe87:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/home”.

一.错误信息截图
在这里插入图片描述

二.源码截图
在这里插入图片描述

三.解决办法

在路由配置里面添加如下代码即可。
在这里插入图片描述

vue搭建脚手架 出现问题Command vue init requires a global addon to be installed.

解决方法:`

npm install -g @vue/cli-init`

vue-router页面跳转了,但是组件内容不显示。

一般都单词写错了
比如解决了,component多加了个s,或者是route写成router
我页面检查后,0error,后来又按照视频里的代码仔细检查了组件和路由的代码,发现没有错误,最后发先在app.vue中出现问题
直接在template写了

<template>
  <div id="app">
<login></login>
  </div>
</template>

<script>
import Login from "./views/login";
import main from "./views/main";
export default {
  name: 'App',
  components: {main,Login},
}
</script>

<style>

</style>

里面只有一个login组件,所以无论怎么跳,都是这个login组件。
如果想跳转,换成 router-view标签,可以表示跳转的相应标签

总结:

1.找bug要尽可能精准,越多的搜索条件,越能降低搜索范围

2.其次一定要学会使用调试工具,找到问题所在

举报

相关推荐

0 条评论