油猴插件对next.js 开发的影响

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

经过排查，不属于本项目错误，属于插件错误，关闭掉翻译插件即可。

拓展：

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

但是翻译插件属于浏览英文网站必不可少的工具，每次在浏览项目页面的时候都要手动关闭它，实在是太麻烦。

所以，要对油猴插件进行设置网站匹配规则，排除翻译插件在特定的网站生效。

配置如下：

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