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失敗
經過排查,不屬於本項目錯誤,屬於插件錯誤,關閉掉翻譯插件即可。
拓展:
該錯誤屬於外部錯誤,在開發的過程中要儘量避免外部程式對項目的干擾。
但是翻譯插件屬於瀏覽英文網站必不可少的工具,每次在瀏覽項目頁面的時候都要手動關閉它,實在是太麻煩。
所以,要對油猴插件進行設置網站匹配規則,排除翻譯插件在特定的網站生效。
配置如下:
在插件設置界面找到如下界面,把排除的網站添加上去