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

  • 油猴插件对next.js 开发的影响已关闭评论
  • 48 次浏览
  • A+
所属分类:Web前端
摘要

错误页面:添加 next 包的时候,没有安装 react 和 react-dom 所以没有配置好依赖关系


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') 

错误页面:

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

错误猜想

1、next 依赖错误

添加 next 包的时候,没有安装 reactreact-dom 所以没有配置好依赖关系

修复:

  • 删除 node_moudles 文件夹,重新安装

    rm -rf node_moudles yarn  

    不可行

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

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

    不可行

2、查看错误

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

错误:

# 获取sign失败 获取gtk失败 

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

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

拓展:

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

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

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

配置如下:

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

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