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失败

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

 

 

 

 

 

 

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

拓展：

该错误属于外部错误
 
 

 
 

 
 

 
 

 
 

 
 

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

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













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


 


 


 


 


 


 

。

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




















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

配置如下：

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