时间戳

首页 > 解决方案 > 如何通过 Rails 6 中的浏览器控制台访问自定义 JavaScript 函数

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

问题描述

为了调试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

标签： ruby-on-railsruby-on-rails-6

解决方案

尝试类似的东西

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

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

>sayHello();

推荐阅读