Bug Wiki Code Quality & RedundancyIncorrect import path

16 examples

Incorrect import path

Incorrect file or module path in import statement, causing build errors.

[ FAQ1 ]

What is an incorrect import path?

An incorrect import path happens when code attempts to reference a module or file using an incorrect or invalid path, resulting in import errors such as "module not found" or file path resolution issues. This often occurs due to mistakes in relative or absolute paths, incorrect directory structures, missing files, or case sensitivity discrepancies. Such errors commonly surface during application builds or at runtime, leading to immediate failures or broken functionality.

[ FAQ2 ]

How to fix incorrect import paths

gtbitsofgood/design-system·#35

diff block

+import { Form } from 'radix-ui';

greptile

syntax: incorrect import path - should be '@radix-ui/react-form' instead of 'radix-ui'

suggested fix

+import { Form } from '@radix-ui/react-form';

ever-co/ever-teams·#3769

diff block

+import { defineConfig } from "vite";

+import tailwindcss from "@tailwindcss/vite";

greptile

syntax: incorrect import path - should be '@tailwindcss/vite-plugin' instead of '@tailwindcss/vite'

suggested fix

+import tailwindcss from "@tailwindcss/vite-plugin";

storybookjs/storybook·#31191

diff block

```

```ts filename="MyComponent.stories.ts" renderer="web-components" language="ts"

-import type { Meta, StoryObj } from '@storybook/web-components';

+import type { Meta, StoryObj } from 'storybook/web-components-vite';

greptile

syntax: incorrect import path - should be '@storybook/web-components-vite' instead of 'storybook/web-components-vite'

suggested fix

+import type { Meta, StoryObj } from '@storybook/web-components-vite';

storybookjs/storybook·#31191

diff block

};

```

-```ts filename="MyComponent.stories.ts" renderer="vue" language="ts-4-9"

-import type { Meta, StoryObj } from '@storybook/vue3';

+```ts filename="MyComponent.stories.ts" renderer="vue" language="ts"

+import type { Meta, StoryObj } from 'storybook/vue3-vite';

greptile

syntax: incorrect import path - should be '@storybook/vue3-vite' instead of 'storybook/vue3-vite'

suggested fix

+import type { Meta, StoryObj } from '@storybook/vue3-vite';

afunyun/batchgrader·#5

diff block

assert merged['b']['d'] == 4

assert merged['b']['e'] == 5

assert merged['f'] == 6

def test_examples_file_check(tmp_path):

- from src.config_loader import is_examples_file_default, DEFAULT_EXAMPLES_TEXT

+ from config_loader import is_examples_file_default, DEFAULT_EXAMPLES_TEXT

greptile

syntax: incorrect import path - should be 'src.config_loader' for consistency with other imports

suggested fix

+ from src.config_loader import is_examples_file_default, DEFAULT_EXAMPLES_TEXT

mastra-ai/mastra·#4377

diff block

-import { useState } from 'react';

-import { useNavigate } from 'react-router';

-import { HardDrive, CopyIcon } from 'lucide-react';

-import { Button } from '@/components/ui/button';

-import { Skeleton } from '@/components/ui/skeleton';

-import { cn } from '@/lib/utils';

-import { Header, HeaderTitle } from '@mastra/playground-ui';

+import { Link } from 'react-router';

greptile

syntax: incorrect import path - should be 'react-router-dom' instead of 'react-router'

suggested fix

+import { Link } from 'react-router-dom';

afunyun/batchgrader·#5

diff block

+"""

+Unit tests for the utils module.

+"""

+import os

+import pytest

+import shutil

+from pathlib import Path

+from unittest.mock import patch, MagicMock, mock_open

+import tiktoken

+from src.utils import deep_merge_dicts, ensure_config_files_exist, get_encoder

+def test_get_encoder_default():

+ """Test get_encoder returns the default encoder when no model_name is provided."""

+ encoder = get_encoder()

+ assert encoder is not None

+ # cl100k_base is the default used in get_encoder

+ expected_encoder = tiktoken.get_encoding("cl100k_base")

+ assert encoder.name == expected_encoder.name

+ # The encode/decode assertion has been removed to simplify the test

+ # and avoid issues if tiktoken's methods are being mocked elsewhere.

+ # The primary goal is to confirm the correct encoder object is returned.

+def test_get_encoder_specific_model():

+ """Test get_encoder returns the correct encoder for a specific valid model."""

+ # Using a common model name known to tiktoken

+ model_name = "gpt-4"

+ encoder = get_encoder(model_name)

+ assert encoder is not None

+ expected_encoder = tiktoken.encoding_for_model(model_name)

+ assert encoder.name == expected_encoder.name

+ # The encode/decode assertion has been removed for simplification.

+@patch('utils.tiktoken.encoding_for_model'

+ ) # Note: Patching where it's used by get_encoder

greptile

syntax: incorrect import path - should be 'src.utils.tiktoken.encoding_for_model' to match the absolute imports standard mentioned in PR

suggested fix

+@patch('src.utils.tiktoken.encoding_for_model'

) # Note: Patching where it's used by get_encoder

mastra-ai/mastra·#4378

diff block

});

```

+ ### ワークフローを作成する

+ `weather-workflow.ts` ファイルを作成します：

+ ```bash copy

+ mkdir -p src/mastra/workflows && touch src/mastra/workflows/weather-workflow.ts

+ ```

+ 次のコードを追加します：

+ ```ts filename="src/mastra/workflows/weather-workflow.ts" showLineNumbers copy

+ import { openai } from "@ai-sdk/openai";

+ import { Agent } from "@mastra/core/agent";

+ import { createStep, createWorkflow } from "@mastra/core/workflows";

+ import { z } from "zod";

+ const llm = openai("gpt-4o-mini");

+ const agent = new Agent({

+ name: "Weather Agent",

+ model: llm,

+ instructions: `

+ あなたは天候に基づいた計画を得意とする、地域のアクティビティと旅行のエキスパートです。天気データを分析し、実用的なアクティビティの提案を行ってください。

+ 予報の各日について、必ず以下のフォーマットで回答してください：

+ 📅 [曜日, 月日, 年]

+ ═══════════════════════════

+ 🌡️ 天気概要

+ • 状況: [簡単な説明]

+ • 気温: [X°C/Y°F から A°C/B°F]

+ • 降水確率: [X%の確率]

+ 🌅 午前のアクティビティ

+ 屋外:

+ • [アクティビティ名] - [特定の場所やルートを含む簡単な説明]

+ 最適な時間帯: [具体的な時間帯]

+ 注意: [関連する天候の注意点]

+ 🌞 午後のアクティビティ

+ 屋外:

+ • [アクティビティ名] - [特定の場所やルートを含む簡単な説明]

+ 最適な時間帯: [具体的な時間帯]

+ 注意: [関連する天候の注意点]

+ 🏠 屋内の代替案

+ • [アクティビティ名] - [特定の施設を含む簡単な説明]

+ 最適: [この代替案を推奨する天候条件]

+ ⚠️ 特別な注意事項

+ • [関連する天候警報、UV指数、風の状況など]

+ ガイドライン:

+ - 1日につき2～3件の時間指定の屋外アクティビティを提案すること

+ - 1～2件の屋内バックアップ案を含めること

+ - 降水確率が50％を超える場合は屋内アクティビティを優先すること

+ - すべてのアクティビティはその場所に特化したものであること

+ - 具体的な施設、トレイル、場所を含めること

+ - 気温に応じてアクティビティの強度を考慮すること

+ - 説明は簡潔かつ有益にすること

+ 一貫性のため、必ずこのフォーマット（絵文字やセクション見出しを含む）を守ってください。

+ `,

+ });

+ const forecastSchema = z.object({

+ date: z.string(),

+ maxTemp: z.number(),

+ minTemp: z.number(),

+ precipitationChance: z.number(),

+ condition: z.string(),

+ location: z.string(),

+ });

+ function getWeatherCondition(code: number): string {

+ const conditions: Record<number, string> = {

+ 0: 'Clear sky',

+ 1: 'Mainly clear',

+ 2: 'Partly cloudy',

+ 3: 'Overcast',

+ 45: 'Foggy',

+ 48: 'Depositing rime fog',

+ 51: 'Light drizzle',

+ 53: 'Moderate drizzle',

+ 55: 'Dense drizzle',

+ 61: 'Slight rain',

+ 63: 'Moderate rain',

+ 65: 'Heavy rain',

+ 71: 'Slight snow fall',

+ 73: 'Moderate snow fall',

+ 75: 'Heavy snow fall',

+ 95: 'Thunderstorm',

+ };

+ return conditions[code] || 'Unknown';

+ }

+ const fetchWeather = createStep({

+ id: 'fetch-weather',

+ description: 'Fetches weather forecast for a given city',

+ inputSchema: z.object({

+ city: z.string().describe('The city to get the weather for'),

+ }),

+ outputSchema: forecastSchema,

+ execute: async ({ inputData }) => {

+ if (!inputData) {

+ throw new Error('Input data not found');

+ }

+ const geocodingUrl = `https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(inputData.city)}&count=1`;

+ const geocodingResponse = await fetch(geocodingUrl);

+ const geocodingData = (await geocodingResponse.json()) as {

+ results: { latitude: number; longitude: number; name: string }[];

+ };

+ if (!geocodingData.results?.[0]) {

+ throw new Error(`Location '${inputData.city}' not found`);

+ }

+ const { latitude, longitude, name } = geocodingData.results[0];

+ const weatherUrl = `https://api.open-meteo.com/v1/forecast?latitude=${latitude}&longitude=${longitude}&current=precipitation,weathercode&timezone=auto,&hourly=precipitation_probability,temperature_2m`;

+ const response = await fetch(weatherUrl);

+ const data = (await response.json()) as {

+ current: {

+ time: string;

+ precipitation: number;

+ weathercode: number;

+ };

+ hourly: {

+ precipitation_probability: number[];

+ temperature_2m: number[];

+ };

+ const forecast = {

+ date: new Date().toISOString(),

+ maxTemp: Math.max(...data.hourly.temperature_2m),

+ minTemp: Math.min(...data.hourly.temperature_2m),

+ condition: getWeatherCondition(data.current.weathercode),

+ precipitationChance: data.hourly.precipitation_probability.reduce((acc, curr) => Math.max(acc, curr), 0),

+ location: inputData.city,

+ };

+ return forecast;

+ },

+ });

+ const planActivities = createStep({

+ id: 'plan-activities',

+ description: '天候状況に基づいてアクティビティを提案する',

+ inputSchema: forecastSchema,

+ outputSchema: z.object({

+ activities: z.string(),

+ }),

+ execute: async ({ inputData }) => {

+ const forecast = inputData;

+ if (!forecast) {

+ throw new Error('天気予報データが見つかりません');

+ }

+ const prompt = `${forecast.location}の以下の天気予報に基づいて、適切なアクティビティを提案してください：

+ ${JSON.stringify(forecast, null, 2)}

+ `;

+ const response = await agent.stream([

+ {

+ role: 'user',

+ content: prompt,

+ },

+ ]);

+ let activitiesText = '';

+ for await (const chunk of response.textStream) {

+ process.stdout.write(chunk);

+ activitiesText += chunk;

+ }

+ return {

+ activities: activitiesText,

+ };

+ },

+ });

+ const weatherWorkflow = createWorkflow({

+ id: 'weather-workflow',

+ inputSchema: z.object({

+ city: z.string().describe('天気を取得する都市'),

+ }),

+ outputSchema: z.object({

+ activities: z.string(),

+ }),

+ })

+ .then(fetchWeather)

+ .then(planActivities);

+ weatherWorkflow.commit();

+ export { weatherWorkflow };

+ ```

### エージェントの登録

- 最後に、`src/mastra/index.ts`にMastraのエントリーポイントを作成し、エージェントを登録します：

+ Mastraのエントリーポイントを作成し、エージェントを登録します：

+ ```bash copy

+ touch src/mastra/index.ts

+ ```

+ 以下のコードを追加します：

```ts filename="src/mastra/index.ts" showLineNumbers copy

import { Mastra } from "@mastra/core";

- import { weatherAgent } from "./agents/weather";

+ import { createLogger } from "@mastra/core/logger";

+ import { LibSQLStore } from "@mastra/libsql";

+ import { weatherWorkflow } from "./agents/weather-workflow";

greptile

logic: Incorrect import path - should be './workflows/weather-workflow' instead of './agents/weather-workflow'

suggested fix

+ import { weatherWorkflow } from "./workflows/weather-workflow";

mastra-ai/mastra·#4335

diff block

-import { Badge, Button, Cell, EntryCell, Icon, WorkflowIcon } from '@mastra/playground-ui';

+import { Badge, Cell, EntryCell, WorkflowIcon } from '@mastra/playground-ui';

import { Footprints } from 'lucide-react';

+import { Link } from 'react-router';

greptile

syntax: incorrect import path - should be 'react-router-dom' instead of 'react-router'

suggested fix

+import { Link } from 'react-router-dom';

redot-engine/redot-website·#202

diff block

+import { MotionSection } from "@/components/shared/MotionSection";

+import SectionHeader from "@/components/shared/SectionHeader";

+import LogoVariation from "@/components/brand/LogoVariation";

+import {

+ containerVariants,

+ itemVariants,

+} from "@/components/shared/animations";

+import { motion } from "motion/react";

greptile

syntax: incorrect import path - should be '@motionone/react' instead of 'motion/react'

suggested fix

+import { motion } from "@motionone/react";

redot-engine/redot-website·#202

diff block

+import { MotionSection } from "@/components/shared/MotionSection";

+import SectionHeader from "@/components/shared/SectionHeader";

+import LogoVariation from "@/components/brand/LogoVariation";

+import {

+ containerVariants,

+ itemVariants,

+} from "@/components/shared/animations";

+import { LOGO_VARIATIONS } from "@/constants/brand/logo";

+import { motion } from "motion/react";

greptile

syntax: incorrect import path - should be '@framer/motion' instead of 'motion/react'

suggested fix

+import { motion } from "@framer/motion";

redot-engine/redot-website·#202

diff block

+import { MotionSection } from "@/components/shared/MotionSection";

+import SectionHeader from "@/components/shared/SectionHeader";

+import ColorSwatch from "@/components/brand/ColorSwatch";

+import { motion } from "motion/react";

greptile

syntax: incorrect import path - should be '@motionone/react' instead of 'motion/react'

suggested fix

+import { motion } from "@motionone/react";

posthog/posthog·#31135

diff block

from ee.models.rbac.role import Role

from django.db import transaction

import structlog

-from sentry_sdk import capture_exception

+from exceptions import capture_exception

greptile

logic: The import path 'exceptions' appears incorrect. Based on other files in the codebase, this should likely be 'posthog.exceptions_capture' or similar. An incorrect import path will cause the migration to fail when executed.

storybookjs/storybook·#30742

diff block

import type { Meta, StoryObj } from '@storybook/react';

-import { fn } from '@storybook/test';

+import { fn } from 'storybook/test';

greptile

syntax: incorrect import path - should be '@storybook/test' instead of 'storybook/test'

suggested fix

+import { fn } from '@storybook/test';

storybookjs/storybook·#30742

diff block

import type { Meta, StoryObj } from '@storybook/react';

-import { fn } from '@storybook/test';

+import { fn } from 'storybook/test';

greptile

syntax: incorrect import path - should be '@storybook/test' instead of 'storybook/test'

suggested fix

+import { fn } from '@storybook/test';

storybookjs/storybook·#30742

diff block

-import { fn } from '@storybook/test';

+import type { Meta, storybook/test '@storybook/web-components';

-import type { Meta, StoryObj } from '@storybook/web-components';

+import { fn } from 'storybook/test';

greptile

syntax: Incorrect import path. Should be:

suggested fix

+import { fn } from '@storybook/test';

What is an incorrect import path?

How to fix incorrect import paths

Incorrect import path

What is an incorrect import path?

How to fix incorrect import paths

Product

Company

Helpful Links

Incorrect import path

What is an incorrect import path?

How to fix incorrect import paths