在进行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><di
·
在使用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命令就不出错
应该是不能热更新的问题…
在这里卡了很久
虽然不报错了,
一直不知道具体为啥,
希望有大佬能指明一下,谢谢
更多推荐
已为社区贡献1条内容
所有评论(0)