nuxt4引入css样式报错

查看解决方法请查看文章最底部!!!

今天本来打算使用nuxt3编写一个全新的博客,刚进官网发现竟然更新到了nuxt4.x版本,于是乎迫不及待的创建的项目,那么创建完毕后第一步一定是创建一个reset.css或者main.css初始化一下默认标签的样式,然后就在我创建好main.css引入时候,页面出现了一个大大的错误提示框,

不是我寻思我写的没有问题啊,和官网一模一样:

这时候我想起来了,nuxt3的assets目录是和app同级的,而nuxt4的assets目录则是在app中,如下图

那么也就是我的引入代码的路径不对应该是:

export default defineNuxtConfig({

  css: ['~/app/assets/main.css'],
})

但是ta还是会报错!!!!

最后我想了一下,那就不用~/xxx或者@/xxx,直接使用./的方式,然后跑起来了?!🤡但是呢ta的官网并没有更新,至少在我写这个文章的时候还是这样的。

如果你遇到了这个问题,又恰巧看到了这篇文章,希望会对你有所帮助。

哦对了,你如果是直接滑倒了最底部请记得修改assets目录的位置!!!

热门文章