uni-app vue3 ts版本cli下载下来之后在hbx中内置浏览器打开报错

发布于 1周前 作者 itying888 来自 Uni-App

uni-app vue3 ts版本cli下载下来之后在hbx中内置浏览器打开报错

错误信息

  • Error: Cannot find module @rollup/rollup-darwin-x64
    • 解决方法：尝试删除 package-lock.json 和 node_modules 目录后重新运行 npm i

编译器版本

编译器版本
4.29（vue3）

运行模式与发行模式对比

  • 运行模式：

    • 日志输出、sourcemap 以及未压缩源码导致性能和包体积不如发行模式
    • Vite 按需编译，点击未编译页面会先编译后加载，显示较慢

  • 发行模式：

    • 无上述问题

Harmonyos Next教程
4 回复

安装依赖的时候有没有报错的信息? 把package-lock.json和node_modules删了 重新安装依赖试试


试过了 不行的

回复 1***@qq.com: 你在哪下的 项目链接发一下 你node版本是多少？

针对你提到的uni-app vue3 ts版本在HBuilderX（简称hbx）内置浏览器中打开报错的问题，这通常可能涉及到项目配置、依赖管理或者代码兼容性问题。由于具体错误信息未给出，我将提供一些常见的检查点和代码示例，帮助你定位和解决问题。

1. 检查uni-app和HBuilderX版本兼容性

确保你使用的uni-app和HBuilderX版本相互兼容。可以通过以下命令查看uni-app的版本：

# 在项目根目录下运行
npm list @dcloudio/uni-app

同时，检查HBuilderX的更新日志，确保它支持Vue3和TypeScript。

2. 检查manifest.json配置

确保manifest.json文件中的配置正确无误，特别是关于平台、权限和网络请求的部分。例如：

{
  "mp-weixin": { // 微信小程序配置示例
    "appid": "your-app-id",
    "setting": {
      "urlCheck": false
    }
  },
  // 其他平台配置...
}

3. 检查TypeScript配置

确保tsconfig.json配置正确，特别是关于编译选项和路径解析的部分。例如：

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}

4. 检查依赖和插件

确保所有依赖和插件都已正确安装。可以删除node_modules文件夹和package-lock.json或yarn.lock文件，然后重新安装依赖：

rm -rf node_modules package-lock.json # 或者 yarn.lock
npm install # 或者 yarn install

5. 调试和日志

如果以上步骤未能解决问题，尝试在HBuilderX的控制台中查看更详细的错误信息，或者开启uni-app的调试模式，获取更多运行时信息。

结论

由于具体错误信息未提供，以上是一些通用的检查和配置建议。如果问题依然存在，建议查看HBuilderX的官方文档或社区论坛，寻找是否有其他开发者遇到并解决了类似的问题。同时，确保你的代码符合uni-app和Vue3的最佳实践。

回到顶部