Skip to content

Failed to load the sidebar image and react logo image in the production build #52

@bogere

Description

@bogere

!!! IF YOU DO NOT USE THIS ISSUES TEAMPLATE, YOUR ISSUE IS LIABLE TO BEING IGNORED BY US

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

I expect the sidebar image and react logo image at the top load normally in the production build.

Current Behavior

The sidebar image and react logo image cannot load in the production build, I can see the image not found in the browser console

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. npm run build
  2. Use any static server to serve the react build files
  3. you get it...

Context

who has managed to load the sidebar3.jpg image or react logo image at the top in the production build.
Everything works perfectly in the development mode but I had to make a couple of changes
to the index.html file and static\css\main.33ec52e9.css to ensure that pixel den icons
load properly and also javascript files in the production mode(build mode)
look at my current production index.html.

<link rel="manifest" href="manifest.json"><!doctype html><html lang="en"><head>
  <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,
  shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" 
  href="manifest.json"><link rel="shortcut icon" href="favicon.ico">
  <link rel="apple-touch-icon" sizes="76x76" href="https://github.com/apple-icon.png"><title>Biz Watch - Retailer</title>
  <link href="https://github.com//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"
   rel="stylesheet"><link href="https://github.com//fonts.googleapis.com/css?family=Roboto:400,700,300" rel="stylesheet">
   <link href="static/css/main.33ec52e9.css" rel="stylesheet"></head>
   <body><noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="root"></div><script type="text/javascript" src="static/js/main.964c9296.js"></script>
   </body></html>

css file

src:url(../media/Pe-icon-7-stroke.71394c0c.eot);
   src:url(../media/Pe-icon-7-stroke.71394c0c.eot?#iefixd7yf1v) format("embedded-opentype"),
   url(../media/Pe-icon-7-stroke.b38ef310.woff) format("woff"),
   url(../media/Pe-icon-7-stroke.01798bc1.ttf) format("truetype"),
   url(../media/Pe-icon-7-stroke.c45f7de0.svg#Pe-icon-7-stroke) format("svg");

//so how did u load the sidebar image becuase i have tried all tricks but all in vain..
yet the sidebar3.jpg is imported in the sidebar.jsx file so it must be automatically put in the
build folder after build process.

  • Device:
  • Operating System:
  • Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions