Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Profile Image #12

Closed
troygolden opened this issue Dec 9, 2019 · 8 comments
Closed

Profile Image #12

troygolden opened this issue Dec 9, 2019 · 8 comments

Comments

@troygolden
Copy link

For some reason, i cant get the profile image to show.

@abonmassip
Copy link

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

@abonmassip
Copy link

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

@alexmonteil
Copy link

alexmonteil commented Dec 10, 2019

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 !

@alexmonteil
Copy link

alexmonteil commented Dec 10, 2019

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.

@amberchisholm
Copy link

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'.

@amberchisholm
Copy link

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

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

@troygolden
Copy link
Author

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

@cobiwave
Copy link
Owner

cobiwave commented Feb 5, 2020

@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 🙂

@cobiwave cobiwave closed this as completed Feb 7, 2020
Sajidullah-Ansari pushed a commit to Sajidullah-Ansari/portfolio that referenced this issue Oct 3, 2022
play button in index page, autoplay songs after clicking,hover effect in recent, hindi songs, english songs page added
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants