我已经搜索了堆栈溢出和互联网这里出了什么问题,但还没有想出任何有用的东西。我正在尝试使用 trix/action 文本设置我的博客应用程序。我相信我所做的一切都是正确的,但现在我收到以下错误application is not defined 。我相信这与我application.html.erb文件中的这 3 行有关。
<%= javascript_include_tag "application" 'data-turbolinks-track' => true %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_tag 'application', 'data-turbolinks-track': 'reload' %>
我的简单博客应用程序的设置方式是我有 3 个模型,文章(属于设计用户)、评论(属于文章)和设计(用于身份验证)。我想使用 trix 编辑器来发表新评论以及编辑和创建新文章。这是我的表单部分之一,它应该可以正常工作,当我收到application错误时,只会显示一个灰色的小矩形来代替编辑器。
_form.html.erb
<div class="container-fluid">
<%= form_with model: article do |form| %>
<div>
<%= form.label :title %><br>
<%= form.text_field :title, class:"form-control"%>
<% article.errors.full_messages_for(:title).each do |message| %>
<div><%= message %></div>
</div>
<% end %>
<br>
<div class="form-group">
<%= form.rich_text_area :body %>
<br>
<br>
</div>
<% article.errors.full_messages_for(:body).each do |message| %>
<div><%= message %></div>
<% end %>
</div>
<div>
<%= form.label :status %><br>
<%= form.select :status, ['public', 'private', 'archived'], selected: 'public' %>
</div>
<br>
<div>
<%= form.submit "Submit", class:"btn btn-outline-primary" %>
</div>
<% end %>
</div>
[代替编辑器显示什么][1]
另外这是我的application.js文件
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.
//= require jquery_ujs
//= require trix
import Rails from "@rails/ujs";
import Turbolinks from "turbolinks";
import * as ActiveStorage from "@rails/activestorage";
import "channels";
import "trix";
import "@rails/actiontext";
import "bootstrap";
Rails.start();
Turbolinks.start();
ActiveStorage.start();
require("trix");
require("@rails/actiontext");
以及我application.css文件的相关部分。
/*
.
.
.
.
*= require bootstrap
*= require trix
*= require_tree
*= require_self
*/
我的 rails 应用程序以前无法找到trix.jsandtrix.css文件,因此报告了 404。我不知道这是否已修复,但它可能非常相关。有没有人遇到过这些问题?[1]:https ://i.stack.imgur.com/Bf2if.jpg