错误：找不到要导入的文件或无法读取：@fortawesome/fontawesome-free，Capybara，Rails 6.0.3

Question

我的项目完美运行每个字体真棒图标加载成功，但是当我使用 capybara 运行测试时，它会抛出一个错误，告诉我它无法导入 font-awsome。

     # --- Caused by: ---
     # SassC::SyntaxError:
     #   Error: File to import not found or unreadable: @fortawesome/fontawesome-free.
     #           on line 1493:2 of stdin
     #   >>  @import '@fortawesome/fontawesome-free'; 
     #   
     #      -^
     #   stdin:1493

Finished in 3.94 seconds (files took 0.89442 seconds to load)
45 examples, 1 failure

我的应用程序.js

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
import "@fortawesome/fontawesome-free/js/all.js"; 

我的用户功能测试

   require 'rails_helper'

RSpec.describe 'registrations_controller', type: :system do
  before :each do
    User.create(name: 'test_name', email: 'test@test.com',
                password: '123456', password_confirmation: '123456',
                service: 'customer')
  end
  describe 'signup/in user' do
    it 'sign up' do
      visit new_user_registration_path
      fill_in('user_name', with: 'user1')
      fill_in('user_email', with: 'user1@user.com')
      fill_in('user_password', with: 'user12')
      fill_in('user_password_confirmation', with: 'user12')
      fill_in('user_service', with: 'customer')
      click_button('Sign up')
      expect(page).to have_content 'Welcome! You have signed up successfully.'
    end
  end
end

Answer 1

修复了在 CSS 中而不是在 javascript 中的问题， 在 application.css 上我正在导入 font-awesome，这导致了一个问题，我删除了这行代码，现在一切正常。