Flowise [BUG] 消息停止,错误:无法读取未定义的属性(读取'length')

mu0hgdu0  于 6个月前  发布在  其他
关注(0)|答案(1)|浏览(73)

描述bug

我遵循了一个视频演示,了解如何创建一个带有代理的软件开发团队。

重现问题

重现此行为所需的步骤:

  1. 导入
    Software Development Team Agents.json
  2. 运行聊天
  3. 询问“创建一个待办事项列表应用”
  4. 聊天记录:
AI

Hi there! How can I help?
Me

build a to do list app
AI
agentPNG
Supervisor

Build a to-do list app
agentPNG
Product Designer

To-Do List App Design Requirements

Overview

The To-Do List App is a mobile and web application designed to help users manage their tasks and increase productivity. The app will allow users to create, organize, and prioritize their to-do lists, set reminders, and track their progress.

Core Features

    Task Management
        Users can create new tasks with description, due date, and priority level (low, medium, high)
        Tasks can be organized into categories (folders) and subcategories
        Users can add attachments to tasks (photos, documents, etc.)
    Task List View
        A list view of all tasks, filtered by category, priority, and due date
        Users can toggle tasks as completed
    Reminders
        Users can set reminders for tasks, with customizable notification times and frequencies (e.g., daily, weekly)
        Reminders can be sent via email, push notifications, or in-app notifications
    Customization
        Users can customize their task list view with sorting, filtering, and grouping options
        Users can change their theme, font size, and other visual settings
    Syncing and Backup
        Tasks will be synced across devices via cloud storage (Google Drive, Dropbox, etc.)
        Users can export their task list to CSV or PDF for backup or sharing
    Integrations
        Integration with popular calendar apps (Google Calendar, Apple Calendar, etc.) for automatic task synchronization
        Integration with productivity apps (Trello, Asana, etc.) for seamless task management

User Interface

    Home Screen
        A clean and simple home screen with a prominent task list view
        Tap-to-create interface for adding new tasks
    Task Detail Screen
        A detailed view of selected tasks with editable fields (description, due date, priority)
        Attachment display and editing functionality
    Settings Screen
        A dedicated settings screen for theme, font size, and other customizations
        Syncing and backup options (cloud storage, export, etc.)

Technical Requirements

    Backend
        Use a cloud-based backend (Firebase, AWS, etc.) for task storage and syncing
        Implement RESTful API for task management and integration with other apps
    Frontend
        Build the UI using a popular frontend framework (React, Angular, etc.)
        Use a mobile-optimized CSS framework (Bootstrap, Material-UI, etc.)

Mockup

Here's a rough mockup of the To-Do List App UI:

Home Screen

    Task list view with tap-to-create interface
    Filter and sorting options
    Prominent call-to-action for adding new tasks

Task Detail Screen

    Task summary with editable fields
    Attachment display and editing functionality

Settings Screen

    Theme picker
    Font size slider
    Syncing and backup options

Next Steps

    Develop the core features and UI components
    Implement task management and syncing functionality
    Integrate with calendar and productivity apps
    Conduct user testing and gather feedback
    Iterate on design and functionality based on feedback

This design meets the core requirements for the To-Do List App. The next steps involve developing the UI components and implementing the core features.
agentPNG
Supervisor

Design the UI for the To-Do List App
agentPNG
Product Designer

Next Steps: Design Development

Based on the design requirements, I will focus on developing the UI components and implementing the core features.

Task Management Component

I will design a reusable Task Management component that includes:

    Task summary with editable fields (description, due date, priority)
    Attachment display and editing functionality
    Filter and sorting options

jsx

// TaskManagement.js
import React from 'react';
import { Feather } from 'react-feather';

const TaskManagement = ({ task, onEdit, onDelete }) => {
  return (
    <div className="task-management">
      <h2>{task.name}</h2>
      <p>{task.description}</p>
      <p>
        <span>
          <Feather icon="calendar" /> Due Date: {task.dueDate}
        </span>
      </p>
      <p>
        <span>
          <Feather icon="alert-triangle" /> Priority: {task.priority}
        </span>
      </p>
      <div className="attachments">
        {task.attachments.map((attachment, index) => (
          <a key={index} href={attachment.url}>
            {attachment.name}
          </a>
        ))}
      </div>
      <button onClick={onEdit}>Edit</button>
      <button onClick={onDelete}>Delete</button>
    </div>
  );
};

export default TaskManagement;

Task List Component

I will design a Task List component that includes:

    List view of all tasks
    Filtering and sorting options
    Toggle for completing tasks

jsx

// TaskList.js
import React from 'react';
import { Feather } from 'react-feather';

const TaskList = ({ tasks, onToggle, onFilter }) => {
  return (
    <div className="task-list">
      <h2>Task List</h2>
      <ul>
        {tasks.map((task, index) => (
          <li key={index}>
            <TaskManagement
              task={task}
              onEdit={() => console.log('Edit task')}
              onDelete={() => console.log('Delete task')}
            />
            <button onClick={() => onToggle(task.id)}>
              <Feather icon="check" />
            </button>
          </li>
        ))}
      </ul>
      <button onClick={onFilter}>Filter</button>
    </div>
  );
};

export default TaskList;

Settings Component

I will design a Settings component that includes:

    Theme changer
    Font size slider
    Syncing and backup options

jsx

// Settings.js
import React from 'react';
import { Feather } from 'react-feather';

const Settings = () => {
  return (
    <div className="settings">
      <h2>Settings</h2>
      <button>Change Theme</button>
      <button>Font Size</button>
      <button>Syncing and Backup</button>
    </div>
  );
};

export default Settings;

Home Component

I will design a Home component that includes:

    Home screen with task list view
    Tap-to-create interface for adding new tasks

jsx

// Home.js
import React from 'react';
import { Feather } from 'react-feather';
import TaskList from './TaskList';

const Home = () => {
  return (
    <div className="home">
      <h2>Home</h2>
      <TaskList />
      <button>
        <Feather icon="plus" />
        Add Task
      </button>
    </div>
  );
};

export default Home;

This is a basic implementation of the UI components and core features of the To-Do List App. The next steps involve integrating the components, implementing the backend API, and conducting user testing.

AI

Cannot read properties of undefined (reading 'length')
  1. 出现错误“消息停止”
  2. 记录错误
flowise-1  | 2024-07-28 19:55:31 [INFO]: ⬆️ POST /api/v1/internal-prediction/2fd02c0e-d0ed-42cb-b0c8-742b26329a90
flowise-1  | 2024-07-28 19:55:31 [INFO]: [server]: Chatflow 2fd02c0e-d0ed-42cb-b0c8-742b26329a90_38348c3b-1073-4cdb-84c3-cdf2de3526cd added into ChatflowPool
flowise-1  | 2024-07-28 19:55:38 [ERROR]: [server]: Error: Cannot read properties of undefined (reading 'length')
flowise-1  | TypeError: Cannot read properties of undefined (reading 'length')
flowise-1  |     at utilBuildAgentResponse (/usr/src/packages/server/dist/utils/buildChatflow.js:388:33)
flowise-1  |     at async utilBuildChatflow (/usr/src/packages/server/dist/utils/buildChatflow.js:159:20)
flowise-1  |     at async createInternalPrediction (/usr/src/packages/server/dist/controllers/internal-predictions/index.js:7:29)
flowise-1  | 2024-07-28 19:55:38 [ERROR]: [server]: Error: Cannot read properties of undefined (reading 'length')
flowise-1  | Error: Cannot read properties of undefined (reading 'length')
flowise-1  |     at utilBuildAgentResponse (/usr/src/packages/server/dist/utils/buildChatflow.js:451:15)
flowise-1  |     at async utilBuildChatflow (/usr/src/packages/server/dist/utils/buildChatflow.js:159:20)
flowise-1  |     at async createInternalPrediction (/usr/src/packages/server/dist/controllers/internal-predictions/index.js:7:29)

设置

场景1:

  • 安装docker flowise/flowise (2.0.1)
  • 浏览器Firefox

场景2:

  • 从main@e39fd130d0836a1b1dc6c4027552deddd854c7fe构建docker镜像
  • 浏览器Firefox

两个场景都出现了相同的错误。
编辑:在 Software Development Team Agents.json 文件中,LLM温度应为0。

相关问题