Javascript 打字脚本+；网页包2-导入的模块不是'；我不是成群结队地出现的

我正在使用TS 2.3.x和Webpack2.x——这是一个电子项目，我正在慢慢地从JS转换到TS

我的网页配置的要点是

module.exports = {
    output: {
        path: path.join(__dirname, "../build"),
        filename: "bundle.js",
        libraryTarget: "commonjs2"
    },
    module: {
        rules: [
            {
                test: /\.(tsx?)$/,
                use: ["awesome-typescript-loader"],
                exclude: [/node_modules/]
            },
            {
                test: /\.(js)$/,
                use: ["babel-loader"],
                exclude: [/node_modules/]
            }
        ]
    },
    resolve: {
        extensions: [".js", ".ts", ".tsx", ".json"]
    }
};

我正在使用热模块替换、

LoaderOptionsPlugin（{debug:true}）

和命名模块插件，但这些都不会影响导致我看到的问题的包输出

对于很棒的Typescript加载程序，我使用

{ 
    "babelOptions": {},
    "transpileOnly": true,
    "useBabel": true,
    "useCache": false
}

有关信息，请参见此处：

问题是我有一个TypeScript模块，比如

// settings-modal.tsx
import * as React from "react";

...

import Modal from "../base/modal";
import ModalHeader from "../base/modal-header";

class SettingsModal extends React.Component<any, any> {
    ...

    render() {
        // I use both Modal and ModalHeader here
    }
}

请注意如何不导入

模式标题

，而是引用

模式标题_1

...

var React = __webpack_require__("../node_modules/react/react.js");
var modal_1 = __webpack_require__("./ui/components/base/modal.js");

var SettingsModal = function (_super) {
    __extends(SettingsModal, _super);

    function SettingsModal() {
       ...
    }

    SettingsModal.prototype.render = function() {
        return React.createElement(modal_1.default, {...}, React.createElement(modal_header_1.default, ...));
    }
}

...