Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

onlinejudgeFE组件无法渲染 #21

Closed
moremind opened this issue Apr 18, 2018 · 27 comments
Closed

onlinejudgeFE组件无法渲染 #21

moremind opened this issue Apr 18, 2018 · 27 comments

Comments

@moremind
Copy link
Contributor

配置本地开发环境时,出现了下拉无法响应的问题,包括login之后,账户的下拉也无法响应。

@virusdefender
Copy link
Contributor

看下你的开发者工具的 console 中有没有报错

@moremind
Copy link
Contributor Author

The connection to http://localhost:8080/__webpack_hmr was interrupted while the page was loading.
只是出现了连接中断,可是并没有改动过原来的前端。

@virusdefender
Copy link
Contributor

我说浏览器开发者工具的日志

@moremind
Copy link
Contributor Author

image

@virusdefender
Copy link
Contributor

你用 Chrome 试试呢

@moremind
Copy link
Contributor Author

chrome中console就什么都没有了...

@moremind
Copy link
Contributor Author

image

@moremind
Copy link
Contributor Author

目前发现的问题是在onlinejudge_backend那里,用以前的oj_backend就不会出现该问题

@virusdefender
Copy link
Contributor

那 network 中有没有异常的请求的,比如 server error 或者返回了不正常的东西

@virusdefender
Copy link
Contributor

或者 proxy 地址写 https://qduoj.com 看看有问题么

@moremind
Copy link
Contributor Author

那我换了试一下,network是没有什么异常的

@moremind
Copy link
Contributor Author

这里的proxy地址请问是在那里设置呢

@moremind
Copy link
Contributor Author

image

这个是我将proxy设置为https://qduoj.com 后的,依旧不正常。
image
这是network的截图,也是正常,都获取到数据了

@virusdefender
Copy link
Contributor

virusdefender commented Apr 20, 2018

这个就有些玄学问题了,我本地测试没问题。

请尝试删除 node_modules 然后重新 npm install 和 npm run dev

@moremind
Copy link
Contributor Author

在problemList.vue里面,把width:35注视了,problemlist页面正常了...

@moremind
Copy link
Contributor Author

我已经找到了原因,在problemList可以把两个width都注释了,没有什么错误跟异常,下拉菜单不能用的原因是ivivew的原因,用的是2.x,但是语法是1.x的,可能这个只是我个人原因,改了部分前端的语法,就搞定了。非常麻烦了,谢谢啊。

@eagle705
Copy link

@hirCodd @virusdefender
I have a similar issue.
I clone the lastest version of OnlineJudgeFE and I found out that
"Problem List, LogOut, and Admin page" doesn't work as Deploy version...

How can I fix it?

@eagle705
Copy link

+++++) I update my node v6 to v8 with npm
it success :)

@virusdefender
Copy link
Contributor

@hirCodd 你是自己修改过前端么?也有可能是屏幕分辨率导致的?

@virusdefender
Copy link
Contributor

@eagle705 but using node v8 may cause some errors while running npm install

@moremind
Copy link
Contributor Author

还没有改过,屏幕分辨率能影响下拉菜单?我都是默认的ubuntu的设置...

@moremind
Copy link
Contributor Author

屏幕分辨率是1920*1080...
image
这个是我改之前说的width之后的样子,就能正常显示了。

@virusdefender
Copy link
Contributor

@heb1c 看后面几条对话,你貌似也遇见过这个问题?

@moremind
Copy link
Contributor Author

@virusdefender 可是改了下拉组件还是无法生效时为啥...

@moremind
Copy link
Contributor Author

@virusdefender 我已经fix这个bug了,导航栏的问题是因为实际高度超过了60px,而使用了overflow: hidden;导致超出的元素全部被隐藏了。

@zema1
Copy link
Contributor

zema1 commented Apr 22, 2018

关于题目列表页样式错乱的问题,我看了下是因为 iview 的 table API 有改动,导致原来的写法有些问题。我稍后先临时改下。另外,前端的一些库版本也需要升级了,最近一直没时间维护。

@moremind
Copy link
Contributor Author

moremind commented Apr 22, 2018

http://123.207.36.91/ 这个是我改的样式,下拉那里已经改好了,只是还在本地修改着。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants