React webpack path resolution problem

I configured aliases under resolve.alias:

clipboard.png

clipboard.png

tsx():

clipboard.png

scss():
clipboard.png

there is no problem, and the style loads normally. What is the problem?
Thank you very much.


The

project is a typescript project, and the module cannot be resolved after an alias has been added to webpack.config.js.
at this point, you also need to configure path resolution in tsconfig.json and change allowJs to true.
example:
webpack.config.js:

"compilerOptions": {
    "baseUrl": ".",
    ...
    "allowJs": true,
    "paths": {
      "@src/*": ["./src/*"]
    }
    ...
  }
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b37b84-34467.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b37b84-34467.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?