Unhandled Runtime Error TypeError: Cannot read properties of null (reading '1') 錯誤再現 # 1. 安裝 next yarn add next # 2. 配置頁面 pages # 3. 啟動項目 ## 當啟動項目的時候， ...
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失敗
經過排查，不屬於本項目錯誤，屬於插件錯誤，關閉掉翻譯插件即可。
拓展：
該錯誤屬於外部錯誤，在開發的過程中要儘量避免外部程式對項目的干擾。
但是翻譯插件屬於瀏覽英文網站必不可少的工具，每次在瀏覽項目頁面的時候都要手動關閉它，實在是太麻煩。
所以，要對油猴插件進行設置網站匹配規則，排除翻譯插件在特定的網站生效。
配置如下：
在插件設置界面找到如下界面，把排除的網站添加上去
