为了调试Rails 6(版本 6.0.0.rc1)Web 应用程序的 javascript 部分,我还想在 Chrome 控制台(又名 Inspect)中使用我的自定义 javascript 函数。
当我只使用静态 HTML 文件来构建网站时(而不是现在使用像 Rails 这样的网络框架),您只需像这样将 JS 文件嵌入到 DOM 中
<!-- custom JS -->
<script src="js/custom.js"></script>
并且可以立即访问和执行放置在此文件中的所有自定义功能。
背景: JS文件放置在本文提供的正确的rails 6特定目录中:如何在Rails 6中要求自定义JS文件
注意: 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