升级Nuxt.js至v2.12.0后开发构建失败求助

问题原因 #

Nuxt v2 对Vue单文件组件的模板编译依赖进行了更新，不再默认包含Pug相关的编译加载器，且需要使用pug-plain-loader替代旧版的pug-loader，这是导致找不到模板模块的核心原因。

解决方案 #

1. 安装必要的Pug编译依赖 #

执行以下命令安装所需开发依赖：

npm install pug pug-plain-loader vue-template-compiler --save-dev
# 若使用Yarn则执行：
yarn add pug pug-plain-loader vue-template-compiler -D

注意：vue-template-compiler的版本会自动适配Nuxt内置的Vue版本，无需手动指定。

2. 清理项目缓存与依赖 #

删除旧的依赖和缓存文件，重新安装依赖以避免版本冲突：

# 删除依赖、缓存和锁文件
rm -rf node_modules .nuxt package-lock.json yarn.lock
# 重新安装依赖
npm install
# 启动开发服务
npm run dev

3. 确认文件路径与结构 #

确保blank.vue文件确实位于src/layouts/目录下，路径无拼写错误。

4. 避免webpack配置冲突 #

不要在nuxt.config.js的build配置中手动修改vue-loader规则，Nuxt v2会自动处理模板加载器的配置，手动修改可能引发冲突。

内容的提问来源于stack exchange，提问作者Rogelio