ruby-on-rails - 如何通过 Rails 6 中的浏览器控制台访问自定义 javascript 函数

Question

为了调试 的 javascript 部分 rails 6 (版本 6.0.0.rc1)Web 应用程序 我也想在 Chrome 控制台中使用我的自定义 javascript 函数(又名。检查)。

回到当我只使用静态 HTML 文件来构建网站时(而不是像现在使用 Rails 这样的网络框架)，您只需像这样将 JS 文件嵌入到 DOM 中

<!-- custom JS -->
<script src="js/custom.js"></script>

并且可以立即访问和执行放置在此文件中的所有自定义函数。

背景:
JS 文件放置在本文提供的正确 rails 6 特定目录中: How to require custom JS files in Rails 6

注:
rails 6 应用程序也已经使用了 JS 文件，因为浏览器会显示控制台日志消息。

这是JS文件的完整内容:

// app/javascript/packs/custom.js
console.log("loaded custom.js successfully")

function sayHello () {
  console.log("Hello good Sir or Madam!")
}

期待:我希望打开浏览器的 (Chrome) 控制台并能够在控制台中使用 sayHello() 函数。

但是，当我这样做时，我在控制台中收到一条错误消息，指出:

Uncaught ReferenceError: sayHello is not defined

Answer 1

尝试类似的东西

sayHello = ()=>{
console.log("Hello good Sir or Madam!");
}

然后你可以在控制台中唤起:

>sayHello();