在使用create react build项目时,发现build的目录内的js,css引用使用的地址前面使用的是/XXX而不是./XXX这就导致了引用资源的地址无效

/  表示根目录

./ 表示当前目录

../表示父级目录

修复方法有多种:

最简单的是在package.json内定义一个 

"homepage":"."
即可
 

如:A different way to handle this is to do a rename as a part of your build process with a new npm run script so you don't have to do an eject. I used the renamer npm library to do this for me.

npm install --save-dev renamer

Then in package.json scripts section I added some rename helpers:

    "build-rename": "npm run build-rename-js && npm run build-rename-css",
    "build-rename-js": "renamer --regex --find 'main\\.[^\\.]+\\.js' --replace 'main.js' build/static/js/*.js",
    "build-rename-css": "renamer --regex --find 'main\\.[^\\.]+\\.css' --replace 'main.css' build/static/css/*.css",

then you can modify your build script to do the rename post-build like this:

"build": "react-scripts build && npm run build-rename",

Anyways, this is just one way to do it. You will give up source maps unless you do a search and replace inside the js file, but in your specific case of putting on a mobile device that probably doesn't matter.

相关文章:

  • 2021-06-17
  • 2021-12-17
  • 2021-08-26
  • 2022-12-23
  • 2021-06-18
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-12
  • 2021-09-21
  • 2021-07-20
  • 2021-12-20
  • 2022-12-23
相关资源
相似解决方案