未捕获的ReferenceError：未定义jstz

问题描述

您好，我正在使用webpacker用Rails 6开发应用程序，但遇到了JavaScript错误。

matched.limit(100).groupBy('Date','Period').agg(count("*").alias('cnt')).show()

我看到webpacker编译成功

    Uncaught ReferenceError: jstz is not defined
    at HTMLDocument.<anonymous> ((index):62)
    at fire (jquery.js:975)
    at Object.fireWith [as resolveWith] (jquery.js:1085)
    at Function.ready (jquery.js:407)
    at HTMLDocument.DOMContentLoaded (jquery.js:84)

Entrypoint application = js/application-7e55ed0e528c94e39f58.js js/application-7e55ed0e528c94e39f58.js.map
Entrypoint cookie = js/cookie-f1267dd65b07bdb515fe.js js/cookie-f1267dd65b07bdb515fe.js.map
Entrypoint jquery = js/jquery-08b07c2f819304da36bb.js js/jquery-08b07c2f819304da36bb.js.map
Entrypoint jstz = js/jstz-e4a49c2bcb34d7327712.js js/jstz-e4a49c2bcb34d7327712.js.map
Entrypoint require = js/require-bbf43dd046c0adca977d.js js/require-bbf43dd046c0adca977d.js.map

在如下所示的视图文件中使用jstz

[./app/javascript/channels/index.js] 211 bytes {application} [built]
[./app/javascript/packs/application.js] 1.46 KiB {application} [built]
[./app/javascript/packs/cookie.js] 737 bytes {cookie} [built]
[./app/javascript/packs/jquery.js] 289 KiB {jquery} [built]
[./app/javascript/packs/jstz.min.js] 5.93 KiB {jstz} [built]
[./app/javascript/packs/require.js] 25.8 KiB {require} [built]

请帮助我解决这个困扰很长时间的问题，它确实会花费更多时间。

解决方法

如果您让jstz漫画插件给您，我认为最好不要包含yarn。 为了完成这项工作，您应该在文件中编写脚本，然后将其包含在视图中：

// file something.js
const jstz = require('packs/jstz.min.js');
$(document).ready(function () {
  $('#user_name').focus();
  $('#user_time_zone').val(jstz.determine().name());
});

视图中：

<%= javascript_pack_tag 'something'  %>

或者您可以通过将jstz添加到您的appliation.js中来使其全局调用：

const jstz = require('packs/jstz.min.js');
window.jstz = jstz

视图中：

<%= javascript_tag do -%>
jQuery(document).ready(function () {
  jQuery('#user_name').focus();
  jQuery('#user_time_zone').val(jstz.determine().name());
});

<% end -%>