<Class> 不是构造函数

Question

我正在尝试制作一个 NPM 包，在他们运行 npm install <package> 之后，有人可以使用我的类来实例化它。截至目前，它在开发中运行良好，但通过 webpack 捆绑后，我使用 npm 安装包，但它立即被 TypeError: index_1.MyClass is not a constructor 炸毁

my-class.ts

export class MyClass {
    constructor() {

    }
    method1(): void {
        console.log('im a method!');
    }
}

index.ts

export { MyClass } from './my-class';

ma​​in.ts（我使用 npm install 的主要应用程序代码）

import { MyClass } from 'npm-package-directory';

const myClass = new MyClass(); // <-- exception thrown
myClass.method1();

webpack.config.js

const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
    plugins: [
        new CopyWebpackPlugin([
            {
                from: 'package.json',
                to: 'package.json',
                toType: 'file'
            }
        ]),
        new CopyWebpackPlugin([
            {
                from: 'README.md',
                to: 'README.md',
                toType: 'file'
            }
        ])
    ],
    devtool: 'source-map',
    entry: './src/my-class.ts',
    resolve: {
      extensions: [
          '.ts'
      ]
    },
    output: {
        path: __dirname + '/dist',
        filename: '[name].js'
    },
    module: {
        rules: [
            // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
            { test: /\.ts?$/, loader: 'ts-loader' }
        ]
    },
    target: 'node'
}

我尝试了多种不同风格的导出类，但每次都遇到相同的异常。我尝试了许多类似于this one 的其他 SOF 问题，但没有运气。我去哪儿了？

注意以上是示例代码，旨在简化问题，但很乐意提供实际设置的 github 存储库。

Answer 1

假设这是一个打字稿项目（通过这个问题的标签），这似乎是配置问题，需要通过正确设置package.json 和webpack config file 来解决。

如果您可以分享 package.json 中的内容会很有帮助，但我认为查看 npm script hooks 并尝试将钩子与 webpack 构建 cli 脚本正确链接将是解决您的问题的一个很好的起点.

我建议你确定：

1. Webpack 构建过程（或您用于 typescript 编译的任何方法）与本地 npm install 之后触发的钩子相关联，当有人通过 npm install 安装您的包时自动运行该钩子
2. 已编译的 javascript 包通过您的 package.json 正确公开

至少，您可能需要检查是否需要实际编译您的 typescript 源代码，具体取决于您是否仅支持 typescript。

这是题外话，但除非你真的需要使用 webpack，否则不要使用 webpack。如果您正在编写 npm 模块，通常使用 typescript 编译器本身就足够了。