Unhandled Runtime Error

TypeError: Cannot read properties of null (reading 1)

错误再现

# 1. 安装 next yarn add next # 2. 配置页面 pages # 3. 启动项目 ## 当启动项目的时候
  
  
  
  
  
  
  ，发现 next 是依赖 react 和 react-dom 来运行的 # 4. 安装 react react-dom # 5. 安装完成后  
  
  
  
  
  
  
 ，运行页面发现错误 ## Unhandled Runtime Error ## TypeError: Cannot read properties of null (reading 1)

错误页面：

错误猜想

1
  
  
  
  
  
  
  、next 依赖错误

添加 next 包的时候
 


 


 


 


 


 


 


，没有安装 react 和 react-dom 所以没有配置好依赖关系

修复：

删除 node_moudles 文件夹
 
 
 
 
 
 
 ，重新安装

rm -rf node_moudles yarn

不可行

重新创建一个项目   
   
   
   
   
   
   
 ，严格依照创建步骤

rm -rf ./* rm -rf ./.next npm init yarn add next react react-dom

不可行

2  
  
  
  
  
  
  
 、查看错误

错误：

# 获取sign失败 获取gtk失败

经过排查
 

 

 

 

 

 

 

，不属于本项目错误

 

 

 

 

 

 

 ，属于插件错误               ，关闭掉翻译插件即可
  
  
  
  
  
  
  。

拓展：

该错误属于外部错误
 
 

 
 

 
 

 
 

 
 

 
 

 
 

，在开发的过程中要尽量避免外部程序对项目的干扰  
  
  
  
  
  
  
 。

但是翻译插件属于浏览英文网站必不可少的工具













，每次在浏览项目页面的时候都要手动关闭它                      ，实在是太麻烦
 


 


 


 


 


 


 


。

所以 
 
 
 
 
 
 
 
 
 
 
 
 
 
，要对油猴插件进行设置网站匹配规则





















，排除翻译插件在特定的网站生效
 
 
 
 
 
 
 。

配置如下：

在插件设置界面找到如下界面              ，把排除的网站添加上去