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: {},
};

操作步骤

  1. 新建项目
  2. 选择uni-app
  3. 默认模板
  4. 修改manifest.json中基础配置,Vue版本选择为3
  5. 插件安装中下载pug插件
  6. 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
回到顶部