0

I am running npm run build for production and this is my script code.

"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview",
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
  },

Whenever I build, it changes all the files in my assets folder including all images. As a result, some images cannot be displayed because the filename doesn't match, however some images are automatically renamed in the code and can be displayed. I'm not sure how to solve this issue. Can anybody please provide a good way to deal with this problem? Cheers.

Improve this question
1
  • "filename doesn't match, however some images are automatically renamed in the code and can be displayed" - in which way? It's unclear why they can't be displayed. It's unclear what the problem is. Assets are imported, this makes them to use filenames from the current build.
    – Estus Flask
    Commented Jul 6 at 10:26
Related questions
437
Start script missing error when running npm start
73
Vue 3 Vite - dynamic image src
0
ReactJS, Vite Project: "npm run build" keeps missing the images inside "assets" when it creates folder "dist"
Load 5 more related questions Show fewer related questions

0

Reset to default