deviseの新規登録ページで、入力欄の値が認識してもらえない

前提・実現したいこと

新規登録＆アカウント編集時にusernameを設定できるようにしたいのですが、作成したusername入力欄に値を入力しても認識されず、エラーメッセージが出てきます。

入力フォームからデータベースの方に送信できていないのかなあと思い原因を探ったのですが、先輩方のアドバイスを知恵をお借りしたく質問させていただきました。よろしくお願いします。

発生している問題・エラーメッセージ

2 errors prohibited this user from being saved:

・Username can't be blank
・Username has already been taken

これはrailsのエラーではなく、ページに出てくるdeviseのエラーメッセージです。
｢usernameは空欄にできません｣と｢そのusernameはすでに使われています｣が同時に出てくる、、、。

app/controllers/application_controller.rb

class ApplicationController < ActionController::Base
  protect_from_forgery with: :exception
  before_action :configure_permitted_parameters, if: :devise_controller?

  protected

  def configure_permitted_parameters
    added_attrs = [ :email, :user_name, :password, :password_confirmation ]
    devise_parameter_sanitizer.permit :sign_up, keys: added_attrs
    devise_parameter_sanitizer.permit :account_update, keys: added_attrs
    devise_parameter_sanitizer.permit :sign_in, keys: added_attrs
  end
end

20191007070748_add_username_to_users.rb

class AddUsernameToUsers < ActiveRecord::Migration[6.0]
  def change
    add_column :users, :username, :string
    add_index :users, :username, unique: true
  end
end

app/models/user.rb

class User < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable
         # :confirmable, :lockable, :timeoutable


  validates :username, presence: true, uniqueness: true, length: {maximum: 50}
end

app/views/devise/registrations/new.html.rb

<h2>Sign up</h2>

<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
  <%= render "devise/shared/error_messages", resource: resource %>

  <div class="field">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
  </div>

  <div class="field">
    <%= f.label :username %><br />
    <%= f.text_field :username, class: "form-control", autocomplete: "username" %>
  </div>

  <div class="field">
    <%= f.label :password %>
    <% if @minimum_password_length %>
    <em>(<%= @minimum_password_length %> characters minimum)</em>
    <% end %><br />
    <%= f.password_field :password, autocomplete: "new-password" %>
  </div>

  <div class="field">
    <%= f.label :password_confirmation %><br />
    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
  </div>

  <div class="actions">
    <%= f.submit "Sign up" %>
  </div>
<% end %>

<%= render "devise/shared/links" %>