uniapp新建了pages/index/test.vue页面为啥提示找不到该页面怎么解决

在uniapp中新建了pages/index/test.vue页面，但运行时报错提示找不到该页面。已经在pages.json里配置了路由路径，文件路径也确认无误，请问这是什么原因？需要检查哪些配置或文件才能解决？

2 回复

检查pages.json中是否已配置该页面路径。若未配置，在pages数组中添加：

{
  "path": "pages/index/test",
  "style": {}
}

保存后重新运行即可。


在Uniapp中新建页面后提示找不到页面，通常由以下几种原因导致：

1. pages.json配置问题（最常见）

在pages.json文件中没有正确注册页面路径。

解决方案：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    {
      "path": "pages/index/test",  // 确保这行存在且路径正确
      "style": {
        "navigationBarTitleText": "测试页面"
      }
    }
  ]
}

2. 文件路径错误

检查文件实际位置和路径是否匹配：

  • 文件应该位于 pages/index/test.vue
  • 路径配置为 pages/index/test

3. 常见排查步骤

  1. 检查pages.json：确认已添加test页面的配置
  2. 重启开发工具：修改配置后需要重新编译
  3. 检查文件命名：确保文件名是test.vue，不是Test.vue或其他
  4. 检查文件编码：确保文件使用UTF-8编码

4. 完整示例

pages.json配置：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    {
      "path": "pages/index/test",
      "style": {
        "navigationBarTitleText": "测试页面"
      }
    }
  ]
}

如果以上方法都无法解决，请检查控制台的具体错误信息，通常会有更详细的提示。

回到顶部