前端开发中遇到的bug汇总

1,964 阅读1分钟
Node.js

问题原因:端口号已经被使用 image.png

image.png 解决办法:更换端口号即可

问题原因:找不到对应文件 image.png 解决办法:检查文件名是否错误,或者文件是否存在

问题原因:跨域错误
image.png 什么原因导致了浏览器报跨域错误:image.png 同源需要协议相同,域名相同,端口相同都相同,但是这两地址哉名不相同,属于不同源的ajax请求报错 解决办法:下载cors包,给服务器添加响应头 image.png 就可以正常访问 image.png

webpack打包报错

image.png 问题原因:js文件名称或者路径不对 解决办法:检查文件路径或者文件名称是否正确,修改为正确即可

Vue运行报错

image.png 问题原因:没有导入Vue的包,所以报错 image.png 解决办法:引入Vue之后即可正常使用

image.png 问题原因:检查入口文件是否错误 解决办法:将文件路径修改正确即可

image.png 问题原因:计算属性设置了默认的get() 解决办法:计算属性也是变量,如果想要直接赋值,需要使用完整写法 => 开启读写模式

computed: {
    "属性名": {
        set(){
            
        },
        get() {
            return "值"
        }
    }
}

image.png image.png
问题原因:在父传子的前提下,子组件内部,不能直接修改父组件传递过来的props,props是只读的
解决办法:无法修改值类型,但是可以修改引用类型(对象、数组),转换为引用类型即可修改
image.png image.png