genkit icon indicating copy to clipboard operation
genkit copied to clipboard
Published 2 months ago • verified publisher icon firebase

[Tooling] Flow output not showing on Windows

Open CorieW opened this issue 1 year ago • 0 comments

Describe the bug The output of the flow should show in the UI, but doesn't. Same code works on MacOS (using Chrome), but not on Windows (using Chrome or any other browser). On Windows I can just get it to log to the terminal.

To Reproduce Steps to reproduce the behavior:

  1. Use this code:
import { claude35Sonnet, vertexAI } from '@genkit-ai/vertexai';
import { generate, genkit, z } from 'genkit';
const ai = genkit({
  plugins: [
    vertexAI({
      location: 'europe-west1',
      modelGarden: {
        models: [claude35Sonnet],
      },
    }),
  ],
});

export const jokeFlow = ai.defineFlow(
  {
    name: 'jokeFlow',
    inputSchema: z.void(),
    outputSchema: z.any(),
  },
  async () => {
    const llmResponse = await generate({
      model: claude35Sonnet,
      prompt: 'tell me a joke',
    });
    console.log(llmResponse.text());
    return llmResponse.text();
  }
);
  1. Run genkit start
  2. Open Genkit Tools UI
  3. Open 'jokeFlow'
  4. Click 'Run'

Expected behavior Output from the flow should show in the UI.

Screenshots Screenshots were taken after the model response was logged to console: https://gyazo.com/77dd33373fba1c03b25629289d73874c https://gyazo.com/84ec01dcd6fc1f3985ddf76d839a6cff

Desktop (please complete the following information):

  • OS: Windows
  • Browser Firefox (Version 131.0)

Additional context This error occurs in browser dev tools console many times, constantly (iteratively).

ERROR TypeError: r.operation is undefined
    fz http://localhost:4000/main-MI6KXJD6.js:164
    $d http://localhost:4000/chunk-DXPUJ4KF.js:22
    nv http://localhost:4000/chunk-DXPUJ4KF.js:22
    ys http://localhost:4000/chunk-DXPUJ4KF.js:22
    nf http://localhost:4000/chunk-DXPUJ4KF.js:22
    tf http://localhost:4000/chunk-DXPUJ4KF.js:22
    nv http://localhost:4000/chunk-DXPUJ4KF.js:22
    ys http://localhost:4000/chunk-DXPUJ4KF.js:22
    tv http://localhost:4000/chunk-DXPUJ4KF.js:22
    ef http://localhost:4000/chunk-DXPUJ4KF.js:22
    detectChanges http://localhost:4000/chunk-DXPUJ4KF.js:22
    runFlow http://localhost:4000/main-MI6KXJD6.js:164
    invoke http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvoke http://localhost:4000/chunk-DXPUJ4KF.js:22
    invoke http://localhost:4000/polyfills-QXL6O4PO.js:16
    run http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvokeTask http://localhost:4000/chunk-DXPUJ4KF.js:22
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    runTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    j http://localhost:4000/polyfills-QXL6O4PO.js:16
    promise callback*Z http://localhost:4000/polyfills-QXL6O4PO.js:16
    U http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onScheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleMicroTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    Y http://localhost:4000/polyfills-QXL6O4PO.js:16
    m http://localhost:4000/polyfills-QXL6O4PO.js:16
    O http://localhost:4000/polyfills-QXL6O4PO.js:16
    promise callback*St/</ue/f.prototype.then/< http://localhost:4000/polyfills-QXL6O4PO.js:17
    M http://localhost:4000/polyfills-QXL6O4PO.js:17
    then http://localhost:4000/polyfills-QXL6O4PO.js:17
    Y http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvokeTask http://localhost:4000/chunk-DXPUJ4KF.js:22
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    runTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    j http://localhost:4000/polyfills-QXL6O4PO.js:16
    promise callback*Z http://localhost:4000/polyfills-QXL6O4PO.js:16
    U http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onScheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleMicroTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    Y http://localhost:4000/polyfills-QXL6O4PO.js:16
    m http://localhost:4000/polyfills-QXL6O4PO.js:16
    O http://localhost:4000/polyfills-QXL6O4PO.js:16
    promise callback*St/</ue/f.prototype.then/< http://localhost:4000/polyfills-QXL6O4PO.js:17
    M http://localhost:4000/polyfills-QXL6O4PO.js:17
    then http://localhost:4000/polyfills-QXL6O4PO.js:17
    Y http://localhost:4000/polyfills-QXL6O4PO.js:16
    m http://localhost:4000/polyfills-QXL6O4PO.js:16
    O http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/chunk-WWX6BADO.js:16
    n http://localhost:4000/chunk-WWX6BADO.js:16
    invoke http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvoke http://localhost:4000/chunk-DXPUJ4KF.js:22
    invoke http://localhost:4000/polyfills-QXL6O4PO.js:16
    run http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvokeTask http://localhost:4000/chunk-DXPUJ4KF.js:22
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    runTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    j http://localhost:4000/polyfills-QXL6O4PO.js:16
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
chunk-DXPUJ4KF.js:22:25612
    handleError http://localhost:4000/chunk-DXPUJ4KF.js:22
    Yd http://localhost:4000/chunk-DXPUJ4KF.js:22
    ef http://localhost:4000/chunk-DXPUJ4KF.js:22
    detectChanges http://localhost:4000/chunk-DXPUJ4KF.js:22
    runFlow http://localhost:4000/main-MI6KXJD6.js:164
    invoke http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvoke http://localhost:4000/chunk-DXPUJ4KF.js:22
    invoke http://localhost:4000/polyfills-QXL6O4PO.js:16
    run http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvokeTask http://localhost:4000/chunk-DXPUJ4KF.js:22
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    runTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    j http://localhost:4000/polyfills-QXL6O4PO.js:16
    (Async: promise callback)
    Z http://localhost:4000/polyfills-QXL6O4PO.js:16
    U http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onScheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleMicroTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    Y http://localhost:4000/polyfills-QXL6O4PO.js:16
    m http://localhost:4000/polyfills-QXL6O4PO.js:16
    O http://localhost:4000/polyfills-QXL6O4PO.js:16
    (Async: promise callback)
    then http://localhost:4000/polyfills-QXL6O4PO.js:17
    M http://localhost:4000/polyfills-QXL6O4PO.js:17
    then http://localhost:4000/polyfills-QXL6O4PO.js:17
    Y http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvokeTask http://localhost:4000/chunk-DXPUJ4KF.js:22
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    runTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    j http://localhost:4000/polyfills-QXL6O4PO.js:16
    (Async: promise callback)
    Z http://localhost:4000/polyfills-QXL6O4PO.js:16
    U http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onScheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    scheduleMicroTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    Y http://localhost:4000/polyfills-QXL6O4PO.js:16
    m http://localhost:4000/polyfills-QXL6O4PO.js:16
    O http://localhost:4000/polyfills-QXL6O4PO.js:16
    (Async: promise callback)
    then http://localhost:4000/polyfills-QXL6O4PO.js:17
    M http://localhost:4000/polyfills-QXL6O4PO.js:17
    then http://localhost:4000/polyfills-QXL6O4PO.js:17
    Y http://localhost:4000/polyfills-QXL6O4PO.js:16
    m http://localhost:4000/polyfills-QXL6O4PO.js:16
    O http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/chunk-WWX6BADO.js:16
    n http://localhost:4000/chunk-WWX6BADO.js:16
    invoke http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvoke http://localhost:4000/chunk-DXPUJ4KF.js:22
    invoke http://localhost:4000/polyfills-QXL6O4PO.js:16
    run http://localhost:4000/polyfills-QXL6O4PO.js:16
    i http://localhost:4000/polyfills-QXL6O4PO.js:17
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    onInvokeTask http://localhost:4000/chunk-DXPUJ4KF.js:22
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    runTask http://localhost:4000/polyfills-QXL6O4PO.js:16
    j http://localhost:4000/polyfills-QXL6O4PO.js:16
    invokeTask http://localhost:4000/polyfills-QXL6O4PO.js:16

CorieW avatar Oct 08 '24 09:10 CorieW