javascript - webpack 未正确捆绑

标签 javascript webpack

我正在使用 web pack 进行捆绑。我收到以下错误

TypeError: The value of the superclass's prototype property is not an object.

app.js

const MyOncogene = require('./my-oncogene');

require("../css/style.css");

new MyOncogene({})

my-oncogene.js

const Oncogene = require('./lib.oncogene');

module.export = class MyOncogene extends Oncogene {}

lib.oncogene.js

class Oncogene {}

webpack.config.js

const path = require('path');
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  entry: './src/js/app.js',
  output: {
    filename: 'app.js',
    path: path.resolve(__dirname, 'docs')
  },
   module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [ 'css-loader' ]
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin({
      filename: '[name].css'
    })
  ]
};

最佳答案

您没有导出 Oncogene 类。你应该在lib.oncogene的末尾写下:

module.exports = Oncogene; 

此外,在 my-oncogene 中,您正在编写 module.export 而不是 module.exports

关于javascript - webpack 未正确捆绑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43831380/

相关文章:

Webpack 相对 css url() 与 file-loader/css-loader

javascript - Backbone + 需要 Backbone.localStorage

Webpack 5 {输出 : chunkFilename} not working

TypeScript+Webpack 解析符号链接(symbolic link)文件夹中的依赖关系

javascript - 类型错误 - 不是构造函数

javascript - 在 WebStorm 11 中调试 WebPack

javascript - 我收到 TypeError 说 forEach 不是一个函数?

javascript - 在 ExtJs 中模拟点击 tabpanel

javascript - 如何将我的汉堡菜单转换为水平菜单?

javascript - Angular 7 - 将数据添加到数组而不是替换它