uni-app 使用 npx degit dcloudio/uni-preset-vue#vite-ts vue3-vite-ts-uniapp 创建项目后，mac电脑无法运行或发行项目通过hbuilder

uni-app 使用 npx degit dcloudio/uni-preset-vue#vite-ts vue3-vite-ts-uniapp 创建项目后，mac电脑无法运行或发行项目通过hbuilder

操作步骤：

  • mac 电脑使用 npx degit dcloudio/uni-preset-vue#vite-ts vue3-vite-ts-uniapp 命令创建uniapp+vue3+ts项目
  • cd vue3-vite-ts-uniapp
  • npm install
  • hbuilder工具打开项目执行运行或者发行

预期结果：

期望可以在mac电脑上使用hbuilder正常的发行或者运行项目（H5 、小程序、App）

实际结果：

控制台报错：

14:40:31.906 项目 'vue3-vite-ts-uniapp' 开始编译...
14:40:33.671 请注意运行模式下，因日志输出、sourcemap 以及未压缩源码等原因，性能和包体积，均不及发行模式。若要正式发布，请点击发行菜单或使用 cli 发布命令进行发布
14:40:33.681 正在编译中...
14:40:33.809 error during build:
14:40:33.813 Error: Cannot find module @rollup/rollup-darwin-x64. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
    at requireWithFriendlyError (/Users/rose/rose的文件/study-demos/vue3-vite-ts-uniapp/node_modules/rollup/dist/native.js:63:9)
    at Object.<anonymous> (/Users/rose/rose的文件/study-demos/vue3-vite-ts-uniapp/node_modules/rollup/dist/native.js:72:76)
    at Module._compile (node:internal/modules/cjs/loader:1364:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1422:10)
    at Module.load (node:internal/modules/cjs/loader:1203:32)
    at Module._load (node:internal/modules/cjs/loader:1019:12)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:203:29)
    at ModuleJob.run (node:internal/modules/esm/module_job:195:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:337:24)
    at async importModuleDynamicallyWrapper (node:internal/vm/module:432:15)

bug描述：

使用：npx degit dcloudio/uni-preset-vue#vite-ts vue3-vite-ts-uniapp 这个方式创建uniapp+vue3+ts项目时，mac电脑无法使用hbuilder编辑器直接运行或者发行项目，小程序、H5、App报错都不可以，按照提示的方案也没有解决，但是windows电脑是可以正常的三端运行的，非常影响开发，公司同事的mac电脑我们测试了好几台都无法直接运行，必须使用命令行的模式去运行或者发行H5

主要报错如下：

14:40:33.809 error during build:
14:40:33.813 Error: Cannot find module @rollup/rollup-darwin-x64. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
    at requireWithFriendlyError (/Users/rose/rose的文件/study-demos/vue3-vite-ts-uniapp/node_modules/rollup/dist/native.js:63:9)
    at Object.<anonymous> (/Users/rose/rose的文件/study-demos/vue3-vite-ts-uniapp/node_modules/rollup/dist/native.js:72:76)
    at Module._compile (node:internal/modules/cjs/loader:1364:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1422:10)
    at Module.load (node:internal/modules/cjs/loader:1203:32)
    at Module._load (node:internal/modules/cjs/loader:1019:12)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:203:29)
    at ModuleJob.run (node:internal/modules/esm/module_job:195:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:337:24)
    at async importModuleDynamicallyWrapper (node:internal/vm/module:432:15)

Image


更多关于uni-app 使用 npx degit dcloudio/uni-preset-vue#vite-ts vue3-vite-ts-uniapp 创建项目后，mac电脑无法运行或发行项目通过hbuilder的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

有解决办法了吗,我这边也遇到,服了

更多关于uni-app 使用 npx degit dcloudio/uni-preset-vue#vite-ts vue3-vite-ts-uniapp 创建项目后，mac电脑无法运行或发行项目通过hbuilder的实战教程也可以访问 https://www.itying.com/category-93-b0.html


运行一下 pnpm i @rollup/rollup-darwin-x64 --force

在处理uni-app使用npx degit dcloudio/uni-preset-vue#vite-ts vue3-vite-ts-uniapp创建项目后，Mac电脑无法运行或发行项目通过HBuilder的问题时，首先需要确保你的开发环境已经正确配置，并且项目依赖已经完整安装。以下是一些可能的解决方案和相关的代码案例来帮助你排查和解决问题。

1. 检查Node.js和npm版本

确保你的Node.js和npm版本符合uni-app的要求。可以通过以下命令检查版本：

node -v
npm -v

2. 安装项目依赖

进入项目目录，运行以下命令安装依赖：

cd vue3-vite-ts-uniapp
npm install

3. 配置环境变量

有时环境变量配置不当也会导致问题。确保.env文件（如果存在）中的配置正确无误。

4. 运行项目

使用npm脚本运行项目：

npm run dev

如果项目使用的是Vite，上述命令应该能够启动开发服务器。如果仍然无法运行，检查控制台输出的错误信息，看看是否有更具体的错误提示。

5. 发行项目

使用以下命令发行项目：

npm run build

确保发行过程中没有错误。如果发行成功，但无法通过HBuilder运行，检查以下几点：

  • 确保HBuilder已正确配置uni-app环境。
  • 检查HBuilder中的项目配置，确保路径和设置正确。
  • 尝试重新导入项目到HBuilder。

6. 调试日志

如果以上步骤都无法解决问题，查看npm运行时的日志输出，以及HBuilder的控制台输出，寻找可能的错误信息。

示例代码（项目结构）

vue3-vite-ts-uniapp/
├── node_modules/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── pages/
│   ├── router/
│   ├── store/
│   ├── App.vue
│   ├── main.ts
├── .gitignore
├── index.html
├── package.json
├── tsconfig.json
├── vite.config.ts
└── README.md

确保package.json中的脚本和依赖项正确无误。如果问题依然存在，可能需要查看更详细的日志信息或者联系uni-app的社区支持。

回到顶部