

browserify APIを利用してTypeScriptで書かれたコードをJavaScriptに変換し、それらのコードを一つにまとめる処理を書いています。  
以下が問題が発生するコードです。

[code]

    (async () => {
    
        let code = await (() => {
            const browserifyObject = browserify();
            browserifyObject.add(`${__dirname}/game.js`);
            return new Promise<string>((resolve, reject) => {
                browserifyObject.bundle((error, source) => {
                    if (error) {
                        reject(error);
                        return;
                    }
                    const code = new TextDecoder().decode(source);
                    resolve(code);
                });
            });
        })();
    
        // いろいろ処理
    
    })();
    
[/code]

> エラーログ
[code]

    [SyntaxError: 'import' and 'export' may appear only with 'sourceType: module'] {
      line: 1,
      column: 1,
      annotated: '\n' +
        (省略)\\node_modules\\three\\examples\\jsm\\controls\\OrbitControls.js:1\n
    
[/code]

3Dライブラリ Three.js 内のファイルである `OrbitControls.js` にて JavaScript で書かれたコードの中に
`import` が使用されているためエラーが発生したことは理解しましたが、それを解決する方法から見つからず、一向に進むことができません。  
エラー内容に書いてある指示に従って、`sourceType`プロパティを`module`にしましたが、エラー内容が変わることはありませんでした。ご教授お願いします。


CC BY-SA 4.0
2022-08-13T06:42:14.620
90540
2022-08-14T22:27:54.580
35941
question
typescript browserify
node_moduleライブラリのjsファイルでimport，export等が使用されている場合にbrowserifyする方法


browserifyはプロジェクト自体があまり動いていないので、一度ほんの少しだけ使用したことがあるWebpackを採用することにしました。【コメントより】  
ありがとうございました。


CC BY-SA 4.0
2022-08-14T22:27:54.580
90562
2022-08-14T22:27:54.580
35941
90540
answer