uni-app使用vue3时,用pug编译报错
uni-app使用vue3时,用pug编译报错
开发环境信息
| 项目 | 信息 |
|---|---|
| 产品分类 | uniapp/App |
| PC操作系统 | Windows |
| PC操作系统版本 | win10 19042.1348 |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 3.2.16 |
| 手机系统 | Android |
| 手机系统版本 | Android 12 |
| 手机厂商 | 小米 |
| 手机机型 | Redmi K30 Ultra |
| 页面类型 | vue |
| Vue版本 | vue3 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
示例代码
view.bb
view.aa {{title}}
export default {
data() {
return {
title: "Hello",
};
},
onLoad() {},
methods: {},
};
操作步骤
- 新建项目
- 选择uni-app
- 默认模板
- 修改manifest.json中基础配置,Vue版本选择为3
- 插件安装中下载pug插件
- templage使用lang=“pug”
预期结果
正常编译成功
实际结果
11:26:55.189 (node:11128) UnhandledPromiseRejectionWarning: Error: Cannot find module 'pug'
11:26:55.189 Require stack:
11:26:55.193 - D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js
11:26:55.193 - D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-cli-shared\dist\vite\plugins\inject.js
11:26:55.201 - D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-cli-shared\dist\vite\plugins\index.js
11:26:55.201 - D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-cli-shared\dist\vite\index.js
11:26:55.206 - D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-cli-shared\dist\index.js
11:26:55.211 - D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@dcloudio\vite-plugin-uni\dist\cli\utils.js
11:26:55.217 - D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@dcloudio\vite-plugin-uni\dist\cli\index.js
11:26:55.222 - D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@dcloudio\vite-plugin-uni\bin\uni.js
11:26:55.226 at Function.Module._resolveFilename (internal/modules/cjs/loader.js:815:15)
11:26:55.233 at Function.Module._resolveFilename (D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\module-alias\index.js:49:29)
11:26:55.234 at Function.Module._load (internal/modules/cjs/loader.js:667:27)
11:26:55.239 at Module.require (internal/modules/cjs/loader.js:887:19)
11:26:55.241 at require (internal/modules/cjs/helpers.js:74:18)
11:26:55.246 at D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:2537:33
11:26:55.252 at D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:1670:5
11:26:55.253 at new Promise (<anonymous>)
11:26:55.258 at promisify (D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:1663:10)
11:26:55.260 at Function.exports.pug.render (D:\HBuilderX.3.2.16.20211122.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:2533:10)
11:26:55.266 (node:11128) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
11:26:55.273 (node:11128) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
bug描述
uniapp使用vue3时,用pug编译报错(使用vue2时,代码未改动,可以正常编译)
更多关于uni-app使用vue3时,用pug编译报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html
2 回复
解决了吗,我安装了pug、pug-plain-loader 也报 Error: Cannot find module ‘pug’ 错误
更多关于uni-app使用vue3时,用pug编译报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是 uni-app Vue3 环境下缺少 pug 依赖的问题。错误信息显示 Cannot find module 'pug',说明编译时找不到 pug 模块。
在 Vue3 + Vite 的 uni-app 项目中,需要在项目根目录手动安装 pug 依赖:
npm install pug -D
# 或
yarn add pug -D

