uniapp如何引入组件

要引入组件，你可以在 `pages.json` 中的 `usingComponents` 字段中声明组件路径和名称，例如：

{
  "usingComponents": {
    "my-component": "/components/my-component"
  }
}

其中，`my-component` 是组件的自定义名称，`/components/my-component` 是组件的路径。

然后，在页面的 `*.vue` 文件中，就可以直接使用该组件了，例如：

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

相关问题

uniapp引入组件

在uniapp中引入组件有几个步骤:

1. 首先，在components文件夹中创建一个新的vue文件。你可以通过点击文件 -> 新建 -> 创建.vue文件来创建新的组件文件。

2. 如果你是使用cli来创建uniapp项目的，则不需要初始化npm。但如果你需要安装npm包的话，可以在终端中使用以下命令来安装：npm install packageName --save。在js文件中使用时，你可以按照以下方法引入包：import package from 'packageName'， 或者使用const package = require('packageName')。

3. 如果需要引入css文件，你可以使用@import语句后跟需要导入的外联样式表的相对路径，并用分号表示语句结束。例如：

<style>
@import "../../common/uni.css";
/* 直接使用 */
.uni-card {
  box-shadow: none;
}
</style>

4. 最后，如果需要引入静态资源，你可以将资源放在对应的文件夹中，并使用相对路径来引用该资源。

综上所述，以上是uniapp中引入组件的步骤。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uni-app组件插入(import的使用)](https://blog.csdn.net/qq_52241267/article/details/123619554)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [uni-app 学习笔记（三）uni-app中的各种引用](https://blog.csdn.net/qq_44648936/article/details/124134088)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

uniapp引入组件不显示

如果你在uniapp中引入了组件但是不显示，可能有以下几个原因：

1. 检查组件路径是否正确，确认组件是否存在。

2. 检查组件是否被正确地注册，可以在页面的 `components` 属性中注册组件。

3. 检查组件是否被正确地引用，可以在页面的 `template` 中使用组件。

4. 检查组件是否有被正确地调用，可以在组件的 `methods` 中定义函数并在组件内部调用。

如果以上方法都没有解决问题，可以尝试重启uniapp或者清除缓存。如果问题仍然存在，可以查看控制台输出的错误信息。