Question

我在ES6中编写了一个简单的app用于培训目的。我想在这个应用程序中使用模块，所以我安装了webpack和babel。不幸的是，当我尝试触发我的方法时，我收到错误：

Uncaught ReferenceError: gas is not defined
at HTMLButtonElement.count (bundle.js:113)

所以，＆＃39; gas＆＃39;是我对象的实例。

以下是我的文件： main.js

'use strict'

import Gas from "./gas";

const count = document.getElementById("gas-count");

const gas = new Gas();

count.addEventListener("click", gas.count);

gas.js

export default class Gas {
  constructor() {

  }

  count() {
    // code
  }

  printResult(result) {
    // code
  }

  _isValid(dist, price, aver) {
   // Code
  }
};

最后，这是我的Webpack配置：

module.exports = {

  // Define entry point
  entry: "./src/main.js",

  // Define output point
  output: {
    path: __dirname + "/dist",
    filename: "bundle.js"
  },

  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /(node_modules)/,
      loader: "babel-loader",
      query: {
        presets: ["env"]
      }
    }]
  }
};

如果有人能给我一个暗示它为什么不起作用，我真的很感激。提前谢谢。

Webpack捆绑后未定义对象

0 个答案: