"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"
}

- 发布:2024-10-28 15:48
- 更新:2024-10-28 15:48
- 阅读:230
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Win10 22H2
第三方开发者工具版本号: Nightly 1.06.2410222
基础库版本号: 3.6.2
项目创建方式: CLI
CLI版本号: 3.0.0-4020920240930001
示例代码:
操作步骤:
- 创建项目:
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'
- 创建项目:
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依赖的情况下,可以在小程序开发者工具上预览和真机调试
实际结果:
只要安装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
只要安装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的版本在代码示例里
0 个回复