Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Cannot import external es6 module correctly

オープン
#881 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
35/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
javascript, typescript
領域
build-system, tooling

調査の方向性

main.ts、lib/foo.ts、および外部モジュールを使ってパッケージングコマンドを再現し、その後 dist/main.js を調べます。各ソースインポートがどのように解決されるかを比較し、external への両方の参照が意図した共有の ./external.js インポートを生成することを確認します。生成された ES6 モジュールに、誤った lib/external.js パスではなく、期待される外部インポートが含まれていれば、issue は完了です。

索引モデルが issue の本文から書いたものです。

説明

I have a typescript project, the ts files are stored in different directories, they all import the same external module, like this:

/main.ts:

import * as ext from 'external';
import  { g } from './lib/foo';
function f() {
  g();
  ext.func1();
}

/lib/foo.ts:

import * as ext from 'external';
function g() {
  ext.func2();
}

I want to package main.ts into an ES6 module and store it in the same directory as external.js
After packaging, I expected to get this result:

main.js:

import * as ext from './external.js";
// blah blah

My packaging script looks like this:

microbundle -i main.ts --no-pkg-main -f modern --target web -o dist/main.js --external .*/external.js --alias external=./external.js

But I got this result:

import * as ext$1 from './external.js';
import * as ext from './lib/external.js';

I think this should be because the two ts files are in different directories and aliases are used, but what should be the correct way?

主要言語
JavaScript
スター
8.1k
フォーク
358
30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

developit/microbundle のほかの issue

developit/microbundle の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。