Git Product home page Git Product logo

Comments (8)

alexmonteil avatar alexmonteil commented on May 14, 2024 2

I'm having the same issue, none of the pictures show.

Based on the activity on the repo, clearly it broke after the author updated some packages on 12/08/19.

major package updates were :

css-loader

file-loader

style-loader

bootstrap

I'm a bit busy these days, but if I have time I'll try to identify which package update broke the app and find a fix.

If someone does it earlier than that, even better !

from simplefolio.

alexmonteil avatar alexmonteil commented on May 14, 2024 1

It is most likely the file loader package update from 4.2.0 to 5.0.2 that broke the app.

For the time being, until someone fixes it, if you need the portfolio to work right now just change the following package versions in your package.json file to the following :

"css-loader": "^3.2.0"

"file-loader": "^4.2.0"

"style-loader": "^1.0.0"

"bootstrap": "^4.3.1"

and run npm install in your terminal.

from simplefolio.

troygolden avatar troygolden commented on May 14, 2024 1

It works changing the package.json file versions...

from simplefolio.

abonmassip avatar abonmassip commented on May 14, 2024

I'm having the same problem, and not only the profile image but all images are not showing. The weird thing is it was working before, I could see the default images, but as soon as I tried adding my profile image all the images broke. And now even if I delete everything and start again step by step using the guide it doesn't work.

Annotation 2019-12-09 181539

if I right click the missing image and select "View Image" I get this page
Annotation 2019-12-09 181647

from simplefolio.

abonmassip avatar abonmassip commented on May 14, 2024

I attach also what I get on the terminal after running npm start
Annotation 2019-12-09 183041

I don't understand why suddenly it doesn't work anymore. I would really appreciate some help

from simplefolio.

amberchisholm avatar amberchisholm commented on May 14, 2024

I'm having the same issues. None of the pictures, or any of the CSS shows up. Even after following the README and installing using sudo, no dice. Also getting a ton of console errors when loaded into my browser....mostly about "Cannot find module 'node-sass'.

from simplefolio.

amberchisholm avatar amberchisholm commented on May 14, 2024

Nevermind...I got it working. Needed to run this command in my terminal

sudo npm install --save-dev --unsafe-perm node-sass

from simplefolio.

cobiwave avatar cobiwave commented on May 14, 2024

@abonmassip @troygolden @amberchisholm @alexmonteil hello!

Sorry for coming late in order to solve this issue. As Alex said, I update some packages in December, so webpack started to crash because the config was not following some parameters to have working the file-loader.

{
  loader: "file-loader",
    options: {
      name: "[name].[hash].[ext]",
      outputPath: "assets",
      esModule: false // <- I needed to add this prop
    }
}

For the time being, the project is working 🙂

from simplefolio.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.