ERROR `/assets/main.css' not found with a new jekyll site

Help
1

I was having issues with adding a theme to my main blog so I thought let me try with a clean and fresh one.

$ jekyll new testblog
Running bundle install in /Users/yraffah/git/testblog... 
  Bundler: The dependency tzinfo-data (>= 0) will be unused by any of the platforms Bundler is installing for. Bundler is installing for ruby but the dependency is only for x86-mingw32, x86-mswin32, x64-mingw32, java. To add those platforms to the bundle, run `bundle lock --add-platform x86-mingw32 x86-mswin32 x64-mingw32 java`.
  Bundler: Fetching gem metadata from https://rubygems.org/...........
  Bundler: Fetching version metadata from https://rubygems.org/..
  Bundler: Fetching dependency metadata from https://rubygems.org/.
  Bundler: Resolving dependencies...
  Bundler: Using public_suffix 2.0.5
  Bundler: Using bundler 1.15.2
  Bundler: Using colorator 1.1.0
  Bundler: Using ffi 1.9.18
  Bundler: Using forwardable-extended 2.6.0
  Bundler: Using rb-fsevent 0.10.2
  Bundler: Using kramdown 1.14.0
  Bundler: Using liquid 4.0.0
  Bundler: Using mercenary 0.3.6
  Bundler: Using rouge 1.11.1
  Bundler: Using safe_yaml 1.0.4
  Bundler: Using addressable 2.5.1
  Bundler: Using rb-inotify 0.9.10
  Bundler: Using pathutil 0.14.0
  Bundler: Using sass-listen 4.0.0
  Bundler: Using listen 3.0.8
  Bundler: Using sass 3.5.1
  Bundler: Using jekyll-watch 1.5.0
  Bundler: Using jekyll-sass-converter 1.5.0
  Bundler: Using jekyll 3.5.0
  Bundler: Using jekyll-feed 0.9.2
  Bundler: Using minima 2.1.1
  Bundler: Bundle complete! 4 Gemfile dependencies, 22 gems now installed.
  Bundler: Use `bundle info [gemname]` to see where a bundled gem is installed.
New jekyll site installed in /Users/yraffah/git/testblog.

Now when I run jekyll and access 127.0.0.1:4000 I get the above error /assets/main.css not found as following

$ cd testblog/
$ bundle exec jekyll serve
Configuration file: /Users/yraffah/git/testblog/_config.yml
       Deprecation: The 'gems' configuration option has been renamed to 'plugins'. Please update your config file accordingly.
            Source: /Users/yraffah/git/testblog
       Destination: /Users/yraffah/git/testblog/_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
                    done in 0.21 seconds.
 Auto-regeneration: enabled for '/Users/yraffah/git/testblog'
    Server address: http://127.0.0.1:4000/
  Server running... press ctrl-c to stop.
[2017-07-18 10:19:43] ERROR `/assets/main.css' not found.

Here is my bundle env

$ bundle env
## Environment

Bundler   1.15.2
Rubygems  2.6.12
Ruby      2.4.0p0 (2016-12-24 revision 57164) [x86_64-darwin16]
GEM_HOME  /Users/yraffah/.rvm/gems/ruby-2.4.0
GEM_PATH  /Users/yraffah/.rvm/gems/ruby-2.4.0:/Users/yraffah/.rvm/gems/ruby-2.4.0@global
RVM       1.29.2 (latest)
Git       2.11.0 (Apple Git-81)
Platform  x86_64-darwin-16
rubygems-bundler (1.4.4)


## Gemfile

### Gemfile

ruby
source "https://rubygems.org"

# Hello! This is where you manage which Jekyll version is used to run.
# When you want to use a different version, change it below, save the
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
#
#     bundle exec jekyll serve
#
# This will help ensure the proper Jekyll version is running.
# Happy Jekylling!
gem "jekyll", "3.5.0"

# This is the default theme for new Jekyll sites. You may change this to anything you like.
gem "minima", "~> 2.0"

# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`.
# gem "github-pages", group: :jekyll_plugins

# If you have any plugins, put them here!
group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.6"
end

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


### Gemfile.lock


GEM
  remote: https://rubygems.org/
  specs:
    addressable (2.5.1)
      public_suffix (~> 2.0, >= 2.0.2)
    colorator (1.1.0)
    ffi (1.9.18)
    forwardable-extended (2.6.0)
    jekyll (3.5.0)
      addressable (~> 2.4)
      colorator (~> 1.0)
      jekyll-sass-converter (~> 1.0)
      jekyll-watch (~> 1.1)
      kramdown (~> 1.3)
      liquid (~> 4.0)
      mercenary (~> 0.3.3)
      pathutil (~> 0.9)
      rouge (~> 1.7)
      safe_yaml (~> 1.0)
    jekyll-feed (0.9.2)
      jekyll (~> 3.3)
    jekyll-sass-converter (1.5.0)
      sass (~> 3.4)
    jekyll-watch (1.5.0)
      listen (~> 3.0, < 3.1)
    kramdown (1.14.0)
    liquid (4.0.0)
    listen (3.0.8)
      rb-fsevent (~> 0.9, >= 0.9.4)
      rb-inotify (~> 0.9, >= 0.9.7)
    mercenary (0.3.6)
    minima (2.1.1)
      jekyll (~> 3.3)
    pathutil (0.14.0)
      forwardable-extended (~> 2.6)
    public_suffix (2.0.5)
    rb-fsevent (0.10.2)
    rb-inotify (0.9.10)
      ffi (>= 0.5.0, < 2)
    rouge (1.11.1)
    safe_yaml (1.0.4)
    sass (3.5.1)
      sass-listen (~> 4.0.0)
    sass-listen (4.0.0)
      rb-fsevent (~> 0.9, >= 0.9.4)
      rb-inotify (~> 0.9, >= 0.9.7)

PLATFORMS
  ruby

DEPENDENCIES
  jekyll (= 3.5.0)
  jekyll-feed (~> 0.6)
  minima (~> 2.0)
  tzinfo-data

BUNDLED WITH
   1.15.2

Am I missing something here? As per the quickstart guide on jekyll, this should work fine!

Thanks in advance.

2

Do a search through your source _layouts and _includes for a reference to main.css or /assets/main.css.

You likely have a a stylesheet linked up to that in your <head> and Jekyll’s webBrick server is letting you know it’s 404’ing because something is requesting it in the browser.

3

Unfortunately main.css is not there in minima

$ ls -l $(bundle show minima)
total 24
-rw-r--r--   1 yraffah  staff  1079 Jul 17 08:55 LICENSE.txt
-rw-r--r--   1 yraffah  staff  6345 Jul 17 08:55 README.md
drwxr-xr-x  11 yraffah  staff   374 Jul 17 08:55 _includes
drwxr-xr-x   6 yraffah  staff   204 Jul 17 08:55 _layouts
drwxr-xr-x   4 yraffah  staff   136 Jul 17 08:55 _sass
drwxr-xr-x   3 yraffah  staff   102 Jul 17 10:39 assets
$ ls -l $(bundle show minima)/assets/
$

Do you still think it is a browser thing?

4

That’s likely your issue then. Inside of the Minima theme gem there should be assets/main.scss

Because it’s missing assets/main.css isn’t getting built when you fire up Jekyll.

Maybe gem uninstall minima, then run bundle update from the root of your project to reinstall. Jekyll is at 3.5.2 and it had some bugfixes that might be the issue too.

5

Thanks for the help. I ran gem list and found out I had few outdated and two versions of jekyll installed. Uninstalled it and updated all gems then installed latest version and now it runs perfectly.