在Browserified js文件中简单调用方法

时间:2016-04-16 22:09:53

标签: javascript node.js browserify

我有这个HTML文件

  

                        

<body>
    <div id="demodiv" style="width: 100%; height: 100%;"></div>
    <script src="chart.js"></script>
    <script>
        draw_chart();
    </script>
</body> </html>

Chart.js文件(此工作!)

  

function draw_chart(){

var g = new Dygraph(
        document.getElementById("demodiv"),
        "chart.csv", // path to CSV file
        {}          // options
    );

g.ready(function() {

}); }

然后 - 我试图安装browerify,所以我安装了它并用

运行了cmd
  

&#34;浏览图表.js -o bundle.js&#34;

当然我也从

更改了HTML文件中的脚本src
  

chart.js to bundle.js

但是它不起作用 - &gt;未捕获的ReferenceError:未定义draw_chart

  

(function e(t,n,r){function s(o,u){if(!n [o]){if(!t [o]){var a = typeof   require ==&#34; function&#34;&amp;&amp; require; if(!u&amp;&amp; a)返回a(o,!0); if(i)return   i(o,!0); var f = new Error(&#34;找不到模块&#39;&#34; + o +&#34;&#39;&#34;); throw   f.code =&#34; MODULE_NOT_FOUND&#34;,F}变种   L = N [0] = {出口:{}}; T [O] [0] .CALL(l.exports,函数(E){风险   n = t [o] [1] [e];返回s(n?n:e)},l,l.exports,e,t,n,r)}返回   n [o] .exports} var i = typeof require ==&#34; function&#34;&amp;&amp; require; for(var   O = 0;○      

function draw_chart(){

g.ready(function() {
     

...自定义代码......       }); }},{}]},{},[1]);

为什么HTML页面在我强化之后才能找到JS方法draw_chart?

我想我只是错过了一些非常明显的事情!?这是我第一次使用Browerify ......

1 个答案:

答案 0 :(得分:0)

我刚刚意识到 - Browerify不按我预期的方式工作......

解决方案:我从HTML文件中删除了对Draw_Chart的调用,并将调用插入到bundle.js文件中......那就是所有......: - )