在进行vue-cli-service serve命令时报错:multi (webpack)-dev-server/client

在使用vue create xxx创建出xxx的vue项目后
修改了main.js和App.vue这两个文件
具体两个文件修改为如下:

main.js:

import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')

App.vue:

<template>
    <div>
        <div><span></span>输入:</div>
        <input type="text" ref="inp_data">
        <button v-on:click="fun">点击</button>
    </div>
</template>

<script>
export default {
    name: "App",
    data(){
        return{
            inp_data_list:[]
        }
    },
    methods:{
        fun(){
            console.log(this.$refs.inp_data.value)
            this.inp_data_list.push(this.$refs.inp_data.value)
        }
    }
}
</script>
<style lang="scss">
  div {
    background-color: #a703ff;
    span{
      font-size: 67px;
    }
  }
</style>

理论上来讲是没有任何问题的,
于是找到package.json运行serve命令:
在这里插入图片描述
但是运行之后的结果是:
在这里插入图片描述
我在csdn和博客园里找了半天不知道到底出了什么问题
但是一段时间后重新再运行一下
在这里插入图片描述
又成功了…
修改vue文件和main.js之后保存运行又报原来的错误
个人感觉可能是因为某个配置或者设置没弄好
需要文件保存之后等待一段时间再重新运行serve命令就不出错
应该是不能热更新的问题…

在这里卡了很久
虽然不报错了,
一直不知道具体为啥,
希望有大佬能指明一下,谢谢

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值