uni-app中uni_modules里的所有组件在项目中不生效了

uni-app中uni_modules里的所有组件在项目中不生效了

Failed to resolve component: mescroll-body
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

4 回复

你好，你看一下是不是对 easycom 进行设置了，或者修改了项目的 viteconfig 呢？

更多关于uni-app中uni_modules里的所有组件在项目中不生效了的实战教程也可以访问 https://www.itying.com/category-93-b0.html


遇到了同样的问题 我的是uni_modules里边的组件在安卓app真机上运营会报这个。也不是每次运行都报，有时报有时不报，不知道咋回事，也没有该easycom和viteconfig啊，请问解决了吗

我也是报这个错，请问大佬修复了吗？

在uni-app中，如果uni_modules里的所有组件在项目中突然不生效了，这可能是由于多种原因导致的。以下是一些常见的排查步骤和可能的解决方案，同时提供相关的代码示例。

1. 检查uni_modules配置

首先，确保你的manifest.json文件中正确配置了uni_modules。

{
  "mp-weixin": {
    "usingComponents": true, // 确保开启使用组件
  },
  "uni_modules": {
    "nativePlugins": [],
    "usingComponents": true, // 确保全局开启uni_modules组件
    "autoInstall": true // 自动安装uni_modules
  }
}

2. 检查组件引入

确保你在页面中正确引入了组件。例如，如果有一个名为my-component的组件：

<template>
  <view>
    <my-component></my-component>
  </view>
</template>

<script>
export default {
  components: {
    'my-component': () => import('@/uni_modules/my-module/components/my-component/my-component.vue')
  }
}
</script>

注意：路径应根据你的实际uni_modules目录结构进行调整。

3. 检查组件路径和文件

确保组件文件存在于uni_modules的指定路径下，并且文件名和路径在引入时拼写正确。

4. 清理和重建项目

有时候，简单的清理和重建项目可以解决缓存导致的问题。

# 清理项目
npm run clean

# 重新安装依赖
npm install

# 构建项目
npm run dev:%PLATFORM%
# 或者
npm run build:%PLATFORM%

替换%PLATFORM%为你实际的目标平台，如mp-weixin、h5等。

5. 检查控制台和日志

查看HBuilderX的控制台输出或开发者工具的日志，看是否有关于组件加载失败的错误信息。

6. 更新uni-app和依赖

确保你的uni-app框架和所有依赖都是最新的。

# 更新uni-app CLI
npm update -g @dcloudio/uni-app-cli

# 更新项目依赖
npm update

7. 重启HBuilderX

有时候，重启HBuilderX编辑器可以解决一些莫名其妙的问题。

通过上述步骤，你应该能够定位并解决uni_modules组件不生效的问题。如果问题依然存在，建议详细查看uni-app的官方文档或社区论坛，寻求更具体的帮助。

回到顶部