0

我已经搜索了堆栈溢出和互联网这里出了什么问题,但还没有想出任何有用的东西。我正在尝试使用 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

4

0 回答 0