NUXT报错解决Could not compile template XXX：Cannot resolve XX from XX

完整报错：

使用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文件。