I came across that after I did npm start,
In the area for dragging the image, there is no picture icon, there is no icon on the "Extract text" button.
After the text is recognized, there is also no icon on the "copy to clipboard" button
and because of this, even if you press this button, then copying to the clipboard does not occur.
I noticed that when executing npm run build an error slipped
rendering chunks (7)...Failed to fetch web fonts
FetchError: request to https://fonts.googleapis.com/css2?family=DM+Sans&family=DM+Serif+Display&family=DM+Mono&display=swap failed, reason: connect ETIMEDOUT 64.233.161.95:443()
I started googling about it and found out that some module is trying to download fonts from there
DM Sans
DM Serif Display
DM Mono
I assumed that the icons are taken from these fonts. Did I guess right?
I found a mention of them in the unocss.config.ts file and found that if googleapis is not available, you can try to write
provider: 'bunny',
or
provider: 'fontshare',
in unocss.config.ts
But that didn't work, I still get the Failed to fetch web fonts error, it's just that the other addresses it's trying to download fonts from are no longer available.
I thought that perhaps npm does not know how to go through a proxy server and applied everything that I found on this issue on stackoverflow.
Nothing helped.
Then I downloaded these fonts and placed them in the directory of my server, where all ttf fonts are located, and in unocss.config.ts
indicated
provider: 'none',
judging by the documentation, this should force you to look for fonts in the system directory.
npm run build started to run without errors, but the icons on the buttons did not appear.
I don't understand all these npm and other terrible web stuff, but maybe somewhere in some config
explicitly set the path to these damn fonts?