uni-app 【报Bug】vue-cli创建的vue3+ts版本项目使用uni官方内嵌组件uni-ui频繁编译报错

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

uni-app 【报Bug】vue-cli创建的vue3+ts版本项目使用uni官方内嵌组件uni-ui频繁编译报错

操作步骤:

  • 将uni的内嵌ui组件下载到项目当中

预期结果:

  • 成功运行并且实现效果

实际结果:

  • 报错,编译报错,根本运行不起来

bug描述:

我很想问一下,官方对vue3版本的支持这么差嘛,内嵌的很多组件都用不了,加进了uni_modules之后,直接就跑不起来。

信息类别 信息内容
产品分类 uniapp/H5
PC开发环境 Windows
PC开发环境版本 11
浏览器平台 Chrome
浏览器版本 last
项目创建方式 CLI
CLI版本号 last

image


2 回复

看截图,你选择的是 uni-app x ,我看文件是 uvue,你可以重新创建普通的 uni-app 配合 uni-ui 进行使用。


针对您提到的在使用uni-app框架,通过vue-cli创建的vue3+ts版本项目中,使用uni官方内嵌组件uni-ui时频繁编译报错的问题,这里提供一些可能的解决思路和代码示例,以帮助您定位和解决问题。由于无法直接看到具体的错误信息,我将从几个常见的问题点入手,给出相应的代码检查和调整建议。

1. 检查uni-ui组件的引入方式

确保您正确地引入了uni-ui组件。在Vue3+TS项目中,通常使用以下方式引入:

// 假设您想使用uni-list组件
import { UniList } from '@dcloudio/uni-ui';

export default defineComponent({
  components: {
    UniList
  },
  // ... 其他代码
});

2. 检查TypeScript配置

确保您的tsconfig.json文件配置正确,特别是关于模块解析和类型定义的配置。例如:

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

3. 检查uni-app和uni-ui的版本兼容性

确保您使用的uni-app和uni-ui版本相互兼容。可以通过查看官方文档或更新日志来确认这一点。如果有版本不兼容的情况,尝试升级或降级相关依赖。

4. 清理项目依赖和缓存

有时候,依赖包损坏或缓存问题也会导致编译错误。尝试以下命令来清理项目:

# 删除node_modules和缓存
rm -rf node_modules
rm -rf package-lock.json # 或 yarn.lock

# 重新安装依赖
npm install # 或 yarn install

5. 查看具体错误信息

如果上述步骤都无法解决问题,建议查看编译时的具体错误信息。错误信息通常会给出导致编译失败的具体原因,如类型不匹配、变量未定义等。

由于无法直接看到您的项目代码和错误信息,以上建议可能需要根据您的实际情况进行调整。希望这些建议能帮助您解决问题。如果问题依旧存在,建议提供更详细的错误信息和代码示例以便进一步分析。

回到顶部