如何在 React、VS 代碼中停止導入具有相對路徑的節點模塊

Question

我已經在我的 React 開發中使用 VS 代碼一個多月了，一切都很好，直到最近我才注意到一些奇怪的事情，關於如何在項目中導入節點模塊。

最初，它們是按如下方式導入的，我認為這是正確的方式：

import { useNavigate } from "react-router-dom";

但是現在，它們的導入方式如下：

import { useNavigate } from "../../../node_modules/react-router-dom/index";

請幫忙，我怎樣才能恢復這種行為。

Answer 1

我從 VS code GitHub 問題部分找到了解決此問題的方法。

這是由我安裝的擴展程序"Babel Javascript"引起的問題。

根據此評論，我不得不將檢測到的 VS 代碼底部欄中的語言從Babel Javascript切換為Javascript 。 解決了這個問題。

為了防止問題再次發生，我還禁用了Babel Javascript插件。