解决nuxt3环境中css样式失效的问题

现象:  底部播放器进度条拖动按钮没有了!

解决nuxt3环境中css样式失效的问题_第1张图片

 然后通过chrome开发工具检查html元素的结构:

解决nuxt3环境中css样式失效的问题_第2张图片

 发现progressbar这个元素是存在的,但是为什么没有显示呢,然后回到代码中:

解决nuxt3环境中css样式失效的问题_第3张图片

发现原来是组件的名字写错了,多写了一个字母n.

最后总结: nuxt3虽然不要求手动导入组件,但是如果在html标签在写错了组件名称,

也会导致html元素丢失或者css样式失效!

你可能感兴趣的:(nuxt3)