uni-app uni-cms-article本地调试无法查看文章详情跳转到详情页日志报错内容只显示标题其余为空白

操作步骤：

uni-cms-article本地调试，无法查看文章详情，跳转到详情页日志报错，内容只显示标题，内容是一片空白
00:01:03.529 [本地调试]uniCloud本地调试服务已启动，如需客户端调用本地云函数，请在对应的客户端的运行控制台切换为连接本地云函数
00:01:03.529 [本地调试]如需调试本地云函数代码，请点击控制台右上角的调试按钮开启断点调试服务（双击行号添加断点）
00:01:45.017 [本地调试]检测到以下本地云函数/公共模块缺失依赖，可能影响本地云函数调试、运行，正在进行安装…
00:01:45.018 [本地调试]缺少依赖的本地云函数/公共模块：uni-id-co
00:01:45.018 [本地调试]云函数uni-id-co开始安装依赖
00:01:47.820 [本地调试]云函数uni-id-co依赖安装失败
00:01:47.820 [本地调试]npm进程退出码：1
00:01:47.820 [本地调试]详细错误信息如下：
00:01:47.820 [本地调试]npm ERR! code CERT_HAS_EXPIRED
00:01:47.820 [本地调试]npm ERR! errno CERT_HAS_EXPIRED
00:01:47.820 [本地调试]npm ERR! request to https://registry.npm.taobao.org/jsonwebtoken failed, reason: certificate has expired
00:01:47.820 [本地调试]npm ERR! A complete log of this run can be found in:
00:01:47.820 [本地调试]npm ERR! ***\nodejs\cache_logs\2024-02-19T16_01_47_742Z-debug.log

预期结果：

uni-cms-article本地调试，无法查看文章详情，跳转到详情页日志报错，内容只显示标题，内容是一片空白
00:01:03.529 [本地调试]uniCloud本地调试服务已启动，如需客户端调用本地云函数，请在对应的客户端的运行控制台切换为连接本地云函数
00:01:03.529 [本地调试]如需调试本地云函数代码，请点击控制台右上角的调试按钮开启断点调试服务（双击行号添加断点）
00:01:45.017 [本地调试]检测到以下本地云函数/公共模块缺失依赖，可能影响本地云函数调试、运行，正在进行安装…
00:01:45.018 [本地调试]缺少依赖的本地云函数/公共模块：uni-id-co
00:01:45.018 [本地调试]云函数uni-id-co开始安装依赖
00:01:47.820 [本地调试]云函数uni-id-co依赖安装失败
00:01:47.820 [本地调试]npm进程退出码：1
00:01:47.820 [本地调试]详细错误信息如下：
00:01:47.820 [本地调试]npm ERR! code CERT_HAS_EXPIRED
00:01:47.820 [本地调试]npm ERR! errno CERT_HAS_EXPIRED
00:01:47.820 [本地调试]npm ERR! request to https://registry.npm.taobao.org/jsonwebtoken failed, reason: certificate has expired
00:01:47.820 [本地调试]npm ERR! A complete log of this run can be found in:
00:01:47.820 [本地调试]npm ERR! ***\nodejs\cache_logs\2024-02-19T16_01_47_742Z-debug.log

实际结果：

uni-cms-article本地调试，无法查看文章详情，跳转到详情页日志报错，内容只显示标题，内容是一片空白
00:01:03.529 [本地调试]uniCloud本地调试服务已启动，如需客户端调用本地云函数，请在对应的客户端的运行控制台切换为连接本地云函数
00:01:03.529 [本地调试]如需调试本地云函数代码，请点击控制台右上角的调试按钮开启断点调试服务（双击行号添加断点）
00:01:45.017 [本地调试]检测到以下本地云函数/公共模块缺失依赖，可能影响本地云函数调试、运行，正在进行安装…
00:01:45.018 [本地调试]缺少依赖的本地云函数/公共模块：uni-id-co
00:01:45.018 [本地调试]云函数uni-id-co开始安装依赖
00:01:47.820 [本地调试]云函数uni-id-co依赖安装失败
00:01:47.820 [本地调试]npm进程退出码：1
00:01:47.820 [本地调试]详细错误信息如下：
00:01:47.820 [本地调试]npm ERR! code CERT_HAS_EXPIRED
00:01:47.820 [本地调试]npm ERR! errno CERT_HAS_EXPIRED
00:01:47.820 [本地调试]npm ERR! request to https://registry.npm.taobao.org/jsonwebtoken failed, reason: certificate has expired
00:01:47.820 [本地调试]npm ERR! A complete log of this run can be found in:
00:01:47.820 [本地调试]npm ERR! ***\nodejs\cache_logs\2024-02-19T16_01_47_742Z-debug.log

bug描述：

uni-cms-article本地调试，无法查看文章详情，跳转到详情页日志报错，内容只显示标题，内容是一片空白
00:01:03.529 [本地调试]uniCloud本地调试服务已启动，如需客户端调用本地云函数，请在对应的客户端的运行控制台切换为连接本地云函数
00:01:03.529 [本地调试]如需调试本地云函数代码，请点击控制台右上角的调试按钮开启断点调试服务（双击行号添加断点）
00:01:45.017 [本地调试]检测到以下本地云函数/公共模块缺失依赖，可能影响本地云函数调试、运行，正在进行安装…
00:01:45.018 [本地调试]缺少依赖的本地云函数/公共模块：uni-id-co
00:01:45.018 [本地调试]云函数uni-id-co开始安装依赖
00:01:47.820 [本地调试]云函数uni-id-co依赖安装失败
00:01:47.820 [本地调试]npm进程退出码：1
00:01:47.820 [本地调试]详细错误信息如下：
00:01:47.820 [本地调试]npm ERR! code CERT_HAS_EXPIRED
00:01:47.820 [本地调试]npm ERR! errno CERT_HAS_EXPIRED
00:01:47.820 [本地调试]npm ERR! request to https://registry.npm.taobao.org/jsonwebtoken failed, reason: certificate has expired
00:01:47.820 [本地调试]npm ERR! A complete log of this run can be found in:
00:01:47.820 [本地调试]npm ERR! ***\nodejs\cache_logs\2024-02-19T16_01_47_742Z-debug.log

更多关于uni-app uni-cms-article本地调试无法查看文章详情跳转到详情页日志报错内容只显示标题其余为空白的实战教程也可以访问 https://www.itying.com/category-93-b0.html

h691938207 1楼作者

h691938207 2楼作者

参考

sinazl 3楼

在使用 uni-app 进行 uni-cms-article 本地调试时，如果遇到无法查看文章详情，且跳转到详情页时日志报错，内容只显示标题而其余部分为空白的情况，可能是以下几个原因导致的。以下是一些排查和解决方案：

1. 检查路由跳转是否正确

确保从列表页跳转到详情页时，传递的参数（如文章ID）正确。

检查路由跳转代码，例如：

uni.navigateTo({
    url: '/pages/article/detail?id=' + articleId
});

在详情页中，确保通过 onLoad 或 onShow 生命周期函数正确获取参数：

onLoad(options) {
    this.articleId = options.id;
    this.fetchArticleDetail();
}

2. 检查接口请求

确保详情页的接口请求（如获取文章详情）能够正确返回数据。
检查接口请求的URL、参数和响应数据是否正确。

在 fetchArticleDetail 方法中打印请求和响应，确认数据是否正常：

async fetchArticleDetail() {
    try {
        const res = await uni.request({
            url: '/api/article/detail',
            method: 'GET',
            data: { id: this.articleId }
        });
        console.log('Response:', res.data);
        this.article = res.data;
    } catch (error) {
        console.error('Error fetching article detail:', error);
    }
}

3. 检查数据绑定

确保详情页的模板中正确绑定了数据。例如：

<view>
    <text>{{ article.title }}</text>
    <rich-text :nodes="article.content"></rich-text>
</view>

uni-app uni-cms-article本地调试无法查看文章详情 跳转到详情页日志报错 内容只显示标题其余为空白