ES Modules Directory Import Not Supported
メンテナーはふだん 2 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 45/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- typescript
- 領域
- build-system
調査の方向性
まず依存関係をインストールした後に pnpm build を実行して、失敗を再現します。packages/ui/uno.config.ts、packages/ui/theme/ ディレクトリ、および関連する tsconfig.json の設定を調査します。完了条件は、報告されたディレクトリインポートエラーなしでビルドが完了することです。
索引モデルが issue の本文から書いたものです。
説明
🐛 Build Error: ES Modules Directory Import Not Supported
Problem Description
pnpm build fails with ES Modules directory import error when building the project.
Error Details
Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '/path/to/devtools/packages/ui/theme' is not supported resolving ES modules imported from /path/to/devtools/packages/ui/uno.config.ts
Steps to Reproduce
- Clone the repository
- Run
pnpm install - Run
pnpm build - Observe the build failure
Expected vs Actual Behavior
Expected: The build should complete successfully without errors.
Actual: Build fails with directory import error due to missing file extensions in TypeScript import statements.
Environment Information
- Node.js: v23.11.0
- pnpm: 10.7.0
- OS: Mac OS 15.5
Root Cause Analysis
ES Modules require explicit file extensions in import statements, but some imports in the codebase are missing .ts extensions, particularly in the UI package's theme configuration.
Proposed Solution
1. Update TypeScript Configuration
Add the following options to tsconfig.json:
{
"compilerOptions": {
"allowImportingTsExtensions": true,
"noEmit": true
}
}
2. Fix Import Statements
Update import statements to include explicit .ts extensions where needed, especially in:
packages/ui/theme/directory imports- Related TypeScript module imports
Impact
This affects the build pipeline and prevents successful compilation of the packages. The issue is related to ES Modules import resolution in TypeScript configuration.
- 主要言語
- TypeScript
- スター
- 2.9k
- フォーク
- 291
- 平均マージ
- 2日 48分
- マージ済み PR（30日）
- 19
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
vuejs/devtools のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 69/100
メンテナーはふだん 2 日以内に返信
-
Upgrade Electron to fix ZIP extraction on Node.js 26対応中かも @ondrhn が 48 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 2 日以内に返信
-
On the landing site, the "Developer experience" card is redundant再び着手できるかも このイシューのプルリクエストはマージされずにクローズされました。 オープン
難易度 1/5 1時間未満 初心者へのやさしさ 72/100
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
vuejs/devtools#975 · コメント 1 件 ·
メンテナーはふだん 2 日以内に返信
-
難易度 5/5 1週間以上 初心者へのやさしさ 18/100
メンテナーはふだん 2 日以内に返信
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
JuliusBrussee/caveman#1449 ·
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 78/100
linagora/twake-calendar-frontend#1924 ·
メンテナーはふだん 1 日以内に返信
-
Add: Class TV Modaオープンcheck:passed streams:add
難易度 1/5 1時間未満 初心者へのやさしさ 65/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
libnativeapi/nativeapi#21 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
GiganticMinecraft/seichi-playguide#183 ·
メンテナーはふだん 1 日以内に返信