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