![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
next.js
贝茵斯都
bug
展开
-
next.js window is not defined
1.场景公用方法是地址栏传参,用到window,但页面是react模板,使用时window is not defined,即使这样都不行if(!window){ return}2.原因next.js是服务器渲染,运行在node上的,并不是浏览器上的;所以使用生命周期componentDidMount,在页面渲染到浏览器后,才能找到window3.暂时解决都在页面的生命周期componentDidMount中...原创 2021-01-26 18:23:08 · 3750 阅读 · 0 评论 -
next.js引入图片404问题
1.场景next.js项目中,引入图片报404问题,路径是对的,但无法正确找到图片2.原因没有写入相应规则,比如react中,webpack自己已经默认做了配置,但next.js中需要手动配置**最好将图片放入最外层的static文件中引入方式<img src="/static/image/10440.jpg" alt="icon" />3.配置3.1安装url-loaderyarn add url-loader3.2 在next.config.j原创 2021-01-26 12:31:34 · 3639 阅读 · 2 评论 -
react、next.js引入路径修改
1.场景项目中引入文件,通常是import a from '../common/b'//表示src/common/b有些公共组件更是嵌套多层,所以使用符号@/,表示src/的路径使用import a from '@/common/b'//表示src/common/b2.react中使用环境:"react":"^17.0.1","webpack":"4.44.2",2.1在根目录中创建jsconfig.json文件,添加以下代码{ "compiler...原创 2021-01-25 16:30:55 · 1609 阅读 · 0 评论 -
react项目和next项目修改默认端口号
转载:https://www.cnblogs.com/beileixinqing/p/10396472.htmlcreat-react-app生成的项目默认端口号是3000,如下可以更改:在package.json中修改 "start":"react-scripts start",为"start":"set PORT=9000 && react-scripts start",next.js按文档生成的项目默认也是3000 "scripts": { "tes转载 2021-01-25 13:53:28 · 500 阅读 · 0 评论 -
next.js安装问题解决
NEXT.JS官网:https://www.nextjs.cn/1.环境node v10.13.0yarn1.15.0npx6.9.02.问题描述按照官网新建next项目npx create-next-app# oryarn create next-app报错3.原因create-nex-app 和 next-app两个命令在全局node_modules中找不到4.解决方法全局安装这两个模块(或者是想用哪一个安装哪一个),yarn安装的时候,我的..原创 2021-01-25 09:54:33 · 1211 阅读 · 1 评论