暂无权限

加入尚新途,才有权限看这些视频哦!

点击前往
×
问答
切图仔
1楼

老师这个报错 咋搞  我已经用管理者权限得了

image.png

image.png

尚新途

cnpm install -g @vue/cli@4

安装版本4的脚手架,版本5最新版的不稳定bug太多

尚新途

我全部重新安装有可以了

尚新途

嗯呢

horosz
2楼

哇的一声哭了出来,怎么没有文档啊,我不想自己写啊

阿睿睿
3楼

老师,我按照步骤安装的,但是最后不能加载扩展程序是怎么回事?

image.png


尚新途

把开发者模式打开,看一下插件包后缀是crx格式吗

尚新途

是的呀,下面是打开的开发者模式,还有插件包

image.png                                       


image.png

尚新途

同学,可能是这个插件包与你系统或者浏览器的版本不兼容的问题,你去百度找一下新的资源包下载

Web前段
4楼

老师,我输入创建项目命令是这样的,按完回车直接是这样的

image.png

image.png

老师输入完命令下面有好多选项


image.png

老师帮我解答一下我那里出问题了

尚新途

这里是选择 第三个 自己配置包,你是直接选择了第一个,第一个和第二个是俩个模板,不用自己选择各个包。


所以创建的时候是 第三个选项

尚新途

谢谢老师


尚新途

不客气

落白
5楼

image.png怎么检测它有没有下载成功????????

尚新途

视频中都有讲到的,  vue -V

6楼
老师我安装vue-devtools执行cnpm run build时候一直报错,没能解决了

image.png

尚新途

vue-devtools这个插件是在谷歌商城里面下载的,得翻墙去谷歌商店下载

尚新途

我看见网上好多人在github上拉取源码也下载成功了,不可以嘛

尚新途

github上的 也可以,github上先得创建仓库拉取源码,然后进入vue-devtools目录下下载依赖,最后打包


要不就翻墙去谷歌商店直接下载安装最简单

Web前段
7楼

图片.png

老师。我安装了node.js,但是没有安装淘宝镜像,在这里用的是npm.但还是安装不了vue脚手架,麻烦老师帮我看一下。


尚新途

npm install -g @vue/cli 这个才是安装命令,你的命令错了

尚新途

图片.png

老师,我是少安装了什么东西吗?我这里怎么没有在此处打开命令控制符?

尚新途

要shift+右键空白区域才有

尚新途

老师,这里又出问题了图片.png

尚新途

我去群里找你

清单
8楼

老师,这个问题怎么解决?一直说无法加载内容脚本

image.png

尚新途

安装这个插件必须的翻墙,要不然安装不了

尚新途

怎么翻墙啊?这个是必须的装的吗?

尚新途

这个可有可无,安装上几乎也用不着。可以不用装



尚新途

刚还是可以启动的,现在启动不了,老师这个怎么解决?

image.png

尚新途

你是不是在这个组件里面使用遍历了,如果使用了遍历必须加上 key值

image.png


你没有代码老师也可能准确知道你哪里错了

尚新途
<template>
  <div>
    {{ msg }}
    <p v-html="room"></p>
    <a v-bind:href="links.url">{{ links.title }}</a>
    <p v-bind:data-id="id">哈哈</p>
  </div>

  <!--<div>
    <p v-if="flag">送悟空</p>
    <p>六耳猕猴</p>
  </div>-->
  <!--<div>
    <ul>
      <li v-for="(item,index) in names" v-bind:key="index">{{ item }}</li>
    </ul>
  </div>-->
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg:"hello Vue",
      id:1002,
      /*flag:true,*/
      room:"<h3>我是一个房间标题</h3>",
      links:{
        title:'iwen的小屋',
        url:'http://www.iwenwiki.com'
      },
      /*names:['iwen','ime','ice']*/
    }
  }
}
</script>

是哪里出了问题呢?

尚新途

你这不是使用了for循环吗,给她加上key值。

image.png

genius茂
9楼

老师 我这个是什么情况  我按照视频先装3.0再2.0 最后创建的时候和视频不一样了

image.pngimage.png

尚新途

视频中讲课老师下载的是2.0版本的,它3.0版本的就没有下成功。

你这里要是下载上3.0版本的话,就得先卸载3.0版本的,然后在下载2.0版本的

npm uninstall vue-cli -g这是卸载命令

sheredoen
10楼

image.png

老师,视频中13:33秒按照视频操作后是这样的

尚新途

老师群里找你


切图仔
11楼

老师为啥我的vue环境不可以???我根据网站安装vue devtools的

image.png

尚新途
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div id="app">{{ msg }}</div>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue!'
            }
        })
    </script>
</body>

</html>

老师 ,这个报的是什么错误啊 上面截错图了????????没安装吗

image.png

尚新途

你下面写的是 message ,上面为什么要写 msg

image.png

旺旺碎冰冰
12楼

老师,我自己重新创建项目再启动后,为啥会报错嘞,按照视频上的步骤就没问题

2021-01-10_173541.png

尚新途

你这个应该是 webpack 的新版本的BUG。

卸载掉新版本,安装老版本就好了

npm remove webpack-dev-server
npm install webpack-dev-server@2.9.1


尚新途

老师,这样行吗

2021-01-13_101654.png

尚新途

应该可以了,你试一下吧

尚新途

老师,运行的时候,还是不行

2021-01-13_223324.png

尚新途

群里找你

余镕诰
13楼

image.png老师,请问下这个报错是什么情况,一直搭建不了,

尚新途

脚手架搭建项目是 vue init webpack 项目名

你上面的是下载脚手架的命令

四喜小丸子
14楼
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>vue</title>    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body>    <div id="root">{{msg}}</div>    <script>        const app=new vue({            el:'#root',            data:{                msg:'hello word'            }        })    </script>


尚新途

Vue是大写

⃰⃰叶⃰落⃰无⃰声⃰花⃰自⃰残⃰
15楼

QQ截图20201116155050.png

老师 这个初始化创建项目的时候出现这个 怎么解决呢

尚新途

想到办法了 已解决

尚新途

okok

自我检测(5S)