onsubmit函數無法找到由webpack捆綁的函數

Question

我肯定會缺少Webpack或JS真正基礎的東西。 我只想在表單的Submit函數中調用捆綁函數。 我收到未找到函數的消息，我不知道為什么。

錯誤index.html：13 Uncaught ReferenceError：未定義double

index.html（為簡便起見，刪除了關閉標簽）

<head>
    <script type="text/javascript" src="bundle.js"></script>
<body>
    <form name='myform' onsubmit="doStuff(event); return false;">
        <button type="submit">Press Me!</button>
    <script type="text/javascript">
        function doStuff(e) {
            e.preventDefault();
            console.log(double(32));
        }

abc.js（Webpack入口點）

var a = require('./double');

double.js

function double(number) {
    return number * 2;
}
module.exports.double = double;

束...

$ webpack abc.js bundle.js 
Hash: 0e65404017702c54dac5
Version: webpack 1.13.2
Time: 59ms
    Asset      Size  Chunks             Chunk Names
    bundle.js  1.58 kB       0  [emitted]  main
    [0] ./abc.js 28 bytes {0} [built]
    [1] ./double.js 80 bytes {0} [built]

任何幫助表示贊賞

Answer 1

問題是嘗試混合頁面和捆綁的JS。 它們在不同的范圍內，因此捆綁的方法不可見。

我將onsubmit函數從頁面移至入口文件，在window.load之后運行。 window對象當然是全局的，因此捆綁的代碼可以將事件處理程序添加到任何DOM元素中。

onsubmit函數無法找到由webpack捆綁的函數

問題描述

1 個解決方案

解決方案1
2 2016-10-03 22:38:58

onsubmit函數無法找到由webpack捆綁的函數

問題描述

1 個解決方案

解決方案1 2 2016-10-03 22:38:58

解決方案1
2 2016-10-03 22:38:58