Skip to content

在nextjs中报错 #10

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

Closed
zhouyec opened this issue Sep 10, 2020 · 9 comments
Closed

在nextjs中报错 #10

zhouyec opened this issue Sep 10, 2020 · 9 comments

Comments

@zhouyec
Copy link

zhouyec commented Sep 10, 2020

Server Error
ReferenceError: window is not defined

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Source
external%20%22react-vcode%22 (1:0) @ Object.react-vcode

1 | module.exports = require("react-vcode");
Call Stack
webpack_require
webpack\bootstrap (21:0)
webpack_require
webpack\bootstrap (21:0)

webpack\bootstrap (89:0) Show collapsed frames
@javaLuo
Copy link
Owner

javaLuo commented Sep 10, 2020

刚发布了1.0.10,再试试看

@zhouyec
Copy link
Author

zhouyec commented Sep 10, 2020

react-dom.development.js:88 Warning: Prop id did not match. Server: "1599725479928_0.3937" Client: "1599725481057_0.0703"
大佬可以了,但刷新页面,验证码就变成空白的不再显示,onChange是有返值的

@zhouyec
Copy link
Author

zhouyec commented Sep 10, 2020

存在width<150,验证码显示不全的问题

@javaLuo
Copy link
Owner

javaLuo commented Sep 10, 2020

next里使用,加个id吧,不加的话内部会随机分配id,导致和服务端不一致

<Vcode id="vcode1" />

确实会有显示不全的情况,因为字体旋转后可能转到外面去了,我下个版本优化一下

@zhouyec
Copy link
Author

zhouyec commented Sep 14, 2020

有解决吗我看了下最新的,还是存在这个问题

@javaLuo
Copy link
Owner

javaLuo commented Sep 15, 2020

    • 没有,让我想想怎么搞

@zhouyec
Copy link
Author

zhouyec commented Sep 16, 2020

试了下可以设置className css width>props.width ,调整width,让字符完全显示

@javaLuo
Copy link
Owner

javaLuo commented Sep 16, 2020

不会吧,生效的应该是props.width
我之后会把文字出现的位置往中间聚一聚
不过如果整体宽度设置得太小,还是会有超出去的风险

@zhouyec
Copy link
Author

zhouyec commented Sep 16, 2020

是的,在不改包的情况下可以正常使用,是样式满足其显示

@javaLuo javaLuo closed this as completed Feb 8, 2021
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

2 participants