完整报错:

在这里插入图片描述
使用npm run dev启动自己的项目时产生的报错。查找该报错信息中路径时发现并未找到自己的磁盘中存在该文件。怀疑可能是依赖不完整导致文件无法找到。
使用npm install或cnpm install安装依赖: 仍然报错。
在这里插入图片描述
查看nuxt.config.js文件,发现该css文件上在此处引入。查找绝对路径,找到nuxt-swiper-plugin.js文件:
在这里插入图片描述
怀疑vue-awesome-swiper依赖并未引入,通过cnpm install vue-awesome-swiper或npm install vue-awesome-swiper安装,成功运行:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
cnpm install或npm install无法引入该依赖的原因是:
cnpm install是根据package.json去决定你所需要引入的依赖,而我并未在package.json中引入该依赖,就会导致运行找不到依赖报错。

出现该情况的第二种原因:

依赖问题,如果你导入了一个依赖,后来发现该依赖并不能适用你当前的项目,选择手动更换依赖后极有可能报该错误,这是npm并不像maven那样,更换了版本后原依赖仍然会保留,从而导致原依赖和新依赖产生了冲突,删除掉项目下node_modules文件夹,如果是全局安装,删除掉全局安装目录,重新安装即可。

出现该情况的第三种原因:

nuxt.config.js引入的css并不对应依赖中的css版本,如安装的element-ui是2.0.0以下版本,引入的css却是"element-ui/lib/theme-chalk/index.css",那么就会报错,因为2.0.0以下版本的element-ui的index.css文件的父目录名theme-default,而2.0.0以上版本为theme-chalk。这个时候要么替换掉element-ui的版本,要么修改引入的css文件。

Logo

前往低代码交流专区

更多推荐