sdfsfsf11
sdfsfsf11
  • 发布:2024-10-28 15:48
  • 更新:2024-10-28 15:48
  • 阅读:230

【报Bug】cli创建的项目,如果安装了postcss,小程序预览和真机调试时会报错

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Win10 22H2

第三方开发者工具版本号: Nightly 1.06.2410222

基础库版本号: 3.6.2

项目创建方式: CLI

CLI版本号: 3.0.0-4020920240930001

示例代码:
"devDependencies": {  
    "@dcloudio/types": "^3.4.8",  
    "@dcloudio/uni-automator": "3.0.0-4020920240930001",  
    "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001",  
    "@dcloudio/uni-stacktracey": "3.0.0-4020920240930001",  
    "@dcloudio/vite-plugin-uni": "3.0.0-4020920240930001",  
    "@vue/runtime-core": "^3.4.21",  
    "@vue/tsconfig": "^0.1.3",  
    "autoprefixer": "^10.4.20",  
    "postcss": "^8.4.47",  
    "tailwindcss": "^3.4.14",  
    "typescript": "^4.9.4",  
    "vite": "5.2.8",  
    "vue-tsc": "^1.0.24"  
  }

操作步骤:
  • 创建项目: npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
  • 安装依赖: pnpm i
  • 安装postcss: pnpm install -D tailwindcss postcss autoprefixer
  • 运行项目: pnpm dev:mp-weixin
  • 使用小程序开发者工具打开,并点击预览
  • 出现错误:message:预览 Error: Error: Cannot find module 'nanoid/non-secure'

预期结果:

在安装postcss依赖的情况下,可以在小程序开发者工具上预览和真机调试

实际结果:

只要安装postcss依赖,预览和真机调试会报错
message:预览 Error: Error: Cannot find module 'nanoid/non-secure'
Require stack:

  • D:\Programming\WorkSpace\HBuilderProjects\mp-vue3-test\node_modules\postcss\lib\input.js
  • D:\Programming\WorkSpace\HBuilderProjects\mp-vue3-test\node_modules\postcss\lib\fromJSON.js
  • D:\Programming\WorkSpace\HBuilderProjects\mp-vue3-test\node_modules\postcss\lib\postcss.js
  • C:\Users\wuchu\AppData\Local\微信开发者工具\User Data\3e5d725bf5abbd2bfd7bc047ee989e46\WeappCode\package.nw\js\common\miniprogram-builder\modules\corecompiler\summer\plugins\base\wxss.js
  • C:\Users\wuchu\AppData\Local\微信开发者工具\User Data\3e5d725bf5abbd2bfd7bc047ee989e46\WeappCode\package.nw\js\common\miniprogram-builder\modules\corecompiler\summer\plugins\index.js
  • C:\Users\wuchu\AppData\Local\微信开发者工具\User Data\3e5d725bf5abbd2bfd7bc047ee989e46\WeappCode\package.nw\js\common\miniprogram-builder\modules\corecompiler\summer\initPlugin.js
  • C:\Users\wuchu\AppData\Local\微信开发者工具\User Data\3e5d725bf5abbd2bfd7bc047ee989e46\WeappCode\package.nw\js\common\miniprogram-builder\modules\corecompiler\summer\worker.js
  • C:\Users\wuchu\AppData\Local\微信开发者工具\User Data\3e5d725bf5abbd2bfd7bc047ee989e46\WeappCode\package.nw\js\common\miniprogram-builder\modules\corecompiler\original\workerThread\task\index.js
  • C:\Users\wuchu\AppData\Local\微信开发者工具\User Data\3e5d725bf5abbd2bfd7bc047ee989e46\WeappCode\package.nw\js\common\miniprogram-builder\modules\corecompiler\original\workerThread\worker.js
    appid:
    openid:
    ideVersion: 1.06.2410222
    osType: win32-x64
    time: 2024-10-28 15:04:55

bug描述:

cli创建vue3项目,安装postcss依赖,然后运行到小程序开发者工具。
开发和调试都正常,但使用预览和真机调试就会报错。
把postcss依赖卸载掉预览就恢复正常了。
postcss的版本在代码示例里

2024-10-28 15:48 负责人:无 分享
已邀请:

要回复问题请先登录注册