BootstrapのNavbarで導入しているナビゲーションヘッダーが消えた（Ruby on rails)

Question

Instagram Cloneを作っております。
教材をみながらRuby on railsを学習している初心者です。
今度こそ、一つ作品をまとめるぞ！
と意気込んで始めましたが、また転けてしまい３日程ジタバタもたもたしてて
一人で解決が難しそうで、、どなたかご助言をいただけないでしょうか。

表題の通りtopページのヘッダーをNavbarを導入し作りました。
導入してすぐはうまく反映されていることを確認しましたが
画像アップロードするためにcarrierwaveとMiniMagickの導入してから
表示されなくなりました。
キャッシュ、履歴削除、再起動などは試してみました。
セキュリティソフトもオフにしてみました。

検証を確認すると

・Uncaught SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
at showNeg.js:241
at XMLHttpRequest.onDefaultReadyStateChangeHandler (showNeg.js:311)
・DevTools failed to parse SourceMap: chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/include.preload.js.map

とエラーメッセージがあります。

エラーメッセージを調べて見ると

JSON.parse()で発生したエラー。
原因として多いのは（）などの閉じ忘れだが、今回はJSON.parse()の記述に問題があった。

修正前　JSON.parse(data)
修正後　JSON.parse(data || "null")

空文字があると上記のエラーが発生するそうです。

しかし当プロジェクトフォルダーにjsonファイルはありません。

import をしているかと予測はしておりますが、呼び出し方を調べてみても初心者である私が理解できるような記事は
なかなかありませんでした、、、
（もしかしたら全然違うどころをフォークしているかもですが、、）

どなたかご指針をいただけないでしょうか。

よろしくお願いいたします。

source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

ruby '2.6.3'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '~> 5.2.3'
# Use sqlite3 as the database for Active Record
gem 'sqlite3'
# Use Puma as the app server
gem 'puma', '~> 3.11'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 5.0'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# See https://github.com/rails/execjs#readme for more supported runtimes
# gem 'mini_racer', platforms: :ruby

# Use CoffeeScript for .coffee assets and views
gem 'coffee-rails', '~> 4.2'
# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks
gem 'turbolinks', '~> 5'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.5'
# Use Redis adapter to run Action Cable in production
# gem 'redis', '~> 4.0'
# Use ActiveModel has_secure_password
# gem 'bcrypt', '~> 3.1.7'

# Use ActiveStorage variant
# gem 'mini_magick', '~> 4.8'

# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development

# Reduces boot times through caching; required in config/boot.rb
gem 'bootsnap', '>= 1.1.0', require: false

group :development, :test do
  # Call 'byebug' anywhere in the code to stop execution and get a debugger console
  gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
end

group :development do
  # Access an interactive console on exception pages or by calling 'console' anywhere in the code.
  gem 'web-console', '>= 3.3.0'
  gem 'listen', '>= 3.0.5', '< 3.2'
  # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
  gem 'spring'
  gem 'spring-watcher-listen', '~> 2.0.0'
end

group :test do
  # Adds support for Capybara system testing and selenium driver
  gem 'capybara', '>= 2.15'
  gem 'selenium-webdriver'
  # Easy installation and use of chromedriver to run system tests with Chrome
  gem 'chromedriver-helper'
end

# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]

gem 'bootstrap', '~> 4.4.1'
gem 'jquery-rails'
gem 'devise', '~> 4.6.1'
gem 'carrierwave', '~> 1.0'
gem "mini_magick"

 @import "bootstrap";
 @import "layouts/navbar";
 @import "common";
 @import "users/devise";
 @import "users/show";
 @import "users/edit";

app>assets>javascripts>application.js

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require jquery3
//= require popper
//= require bootstrap-sprockets
//= require_tree .

app>views>layouts>appilcation.html.erb

<!DOCTYPE html>
<html>
  <head>
    <title>Techpitgram</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
    <div id="wrapper">
      <%= render 'partial/navbar' if current_user %>

      <% if flash[:notice] %>
        <div class="alert alert-info">
          <%= flash[:notice] %>
        </div>
      <% end %>
      <% if flash[:alert] %>
        <div class="alert alert-danger">
          <%= flash[:alert] %>
        </div>
      <% end %>

      <div class="container">
        <%= yield %>
      </div>
      
      <%= render 'partial/footer' %>
    </div>
  </body>
</html>

app>assets>layouts>navbar.scss

.navbar {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .0975);
  height: 77px;
  &__brand {
    height: 35px;
    width: 176px;
    background-size: 114px;
  }
  &__mainLogo {
    background-repeat: no-repeat;
    background-image: image-url("logo.png");
  }
  &-nav {
    & > li {
      margin-left: 20px;
      &:first-child {
        margin-left: 0;
      }
      .commonNavIcon {
        height: 24px;
        width: 24px;
        background-size: 22px !important;
        background-repeat: no-repeat;
      }
      .profile-icon {
        background-image: image-url("parts3.png");
      }
    }
  }
}

app>views>partial>_navbar.html

<nav class="navbar navbar-expand-lg navbar-light">
  <div class="container">
    <%= link_to "", root_path, class: "navbar__brand navbar__mainLogo" %>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-md-auto align-items-center">
        <li>
          <%= link_to "投稿", "#", class: "btn btn-primary" %>
        </li>
        <li>
        <%= link_to "", user_path(current_user), class: "nav-link commonNavIcon profile-icon" %>
        </li>
      </ul>
    </div>
  </div>
</nav>

Answer 1

・Uncaught SyntaxError: Unexpected end of JSON input

上記のエラーに関してはChromeの拡張機能のエラーのようなのでRailsとは関係なさそうですね

<%= render 'partial/navbar' if current_user %>でcurrent_userがないとNavBarを表示しないようになっているので、「ログインが出来ていない」のが原因ではないでしょうか？
一旦<%= render 'partial/navbar' %>に書き換えてユーザーのログイン状態にかかわらずNavBarを表示して確認してみてください

Comments

[kim.soonhyang]

ご助言ありがとうございます！
おっしゃる通りcurrent_userがいるとNavBarを表示するということですので
users/sign_inから入り、ログインをするとNavBarと再会できました。
本当に嬉しいです！ありがとうございました！