Uncaught ReferenceError: say is not defined

Question

我尝试将我的 function hello() 从 hello.js 导入我的页面 sign_up.liquid。我浏览器将我的 main.js 设置为 bundle.js(browserify ./public/js/main.js -o ./public/js/bundle.js) 但我有一个未捕获的 ReferenceError。为什么我不能在 sign_up.liquid 中使用我的 function hello()？

--hello.js

var hello = function(){
    console.log('I said Hello')
}

module.exports = hello;

--main.js

const say = require('./hello.js')

--bundle.js

(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
var hello = function(){
    console.log('I said Hello')
}

module.exports = hello;
},{}],2:[function(require,module,exports){
const say = require('./hello.js')

},{"./hello.js":1}]},{},[2]);

--sign_up.liquid

[...]
<script src="../js/bundle.js"></script>
<script>
    say.hello();
<script>

Answer 1

你的问题是因为 Hello 是你的导出，所以你的导入 hello() 变成了 say。

如果您只使用

say()

您应该获得 hello() 函数的值。

或者，您可以使用解构方法为您的导出设置别名。

像这样：

const { hello: say } = require('./hello.js');

有关 Destructuring here 的更多信息具体来说，您可能需要查看名为的部分：分配新变量名称 大约在页面的一半位置。

Uncaught ReferenceError: say is not defined

Uncaught ReferenceError: say is not defined

javascript

bundle

liquid

node.js

browserify