为了账号安全,请及时绑定邮箱和手机立即绑定

托管至github后出现APPLICATION CONTENT

而不是正常的图片墙,为什么

正在回答

3 回答

原因:
npm run dist时,没有把images目录包含进去 
"copy": "copyfiles -f ./src/index.html ./src/favicon.ico ./dist" 

解决方法:增加images目录到dist,如下 
"copy": "copyfiles -f ./src/index.html ./src/favicon.ico ./dist && cp -a ./src/images ./dist/"

可以看下我的github哦:https://github.com/Wobugaosuni/galleryByReact

0 回复 有任何疑惑可以回复我~

这样改完了网页能出来,但是图片显示的是alt里的内容,图片不出来,怎么办呢?

0 回复 有任何疑惑可以回复我~
#1

wobugaosuni2

你编译打包后,图片有在dist目录里吗?
2017-06-24 回复 有任何疑惑可以回复我~
#2

lyd2016 回复 wobugaosuni2

没有啊,怎么办呀
2017-08-15 回复 有任何疑惑可以回复我~
#3

lyd2016 回复 wobugaosuni2

怎么把图片打包到dist目录里啊?
2017-08-15 回复 有任何疑惑可以回复我~

打开网页后发现报错:

http://img1.sycdn.imooc.com//58aff656000107ce18161704.jpg

原因:

在本地编译时,由于运行时是在根目录,可以写绝对路径。

但在生成的网页中,项目处于二级目录下,需要将编译后的绝对地址改为相对地址:

1. 找到cfg目录下的default.js文件,将`publicPath: '/assets/',`改成:`publicPath: 'gallaryByReact/assets/',`

找到src目录下的index.html文件,将`<script type="text/javascript" src="/assets/app.js"></script>`,改成:`<script type="text/javascript" src="assets/app.js"></script>`

2. 在终端重新编译dist,执行:`npm run dist`

3. 把修改的dist提交到gh-pages分支

`git add dist`

`git commit -m "change path from absolute to relative"`

`git subtree push --prefix=dist origin gh-pages`


注意:

`git status`时发现:

modified:   cfg/defaults.js

modified:   src/index.html

需要把修改放弃,执行:`git checkout -f`


6 回复 有任何疑惑可以回复我~
#1

lyd2016

这样改完了网页能出来,但是图片显示的是alt里的内容,图片不出来,怎么办呢?
2017-06-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
React实践图片画廊应用(下)
  • 参与学习       25452    人
  • 解答问题       48    个

颠覆式前端UI开发框架-React,使用React打造图片画廊应用

进入课程

托管至github后出现APPLICATION CONTENT

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信