找不到模塊 React Js

Question

Failed to compile.

Module not found: Error: You attempted to import ../components/App which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
You can either move it inside src/, or add a symlink to it from project's node_modules/.
ERROR in ./src/index.js 6:0-36
Module not found: Error: You attempted to import ../components/App which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
You can either move it inside src/, or add a symlink to it from project's node_modules/.

webpack compiled with 1 error

當我嘗試朗讀我的 React 應用程序時出現上述錯誤。 我正在學習並且是 React js 的初學者。 我在 reactjs 中學習映射，當我運行我的應用程序時出現此錯誤任何人都請解決這個問題。

文件系統分配如下。

Answer 1

使用import App from "./components/App"而不是import App from "../components/App";

Answer 2

../表示您想從文件所在的文件夾中取出 go。 這意味着../帶您進行mapping ，因此您可以像這樣導入

import App from "../src/components/App"

但最好不要 go 出來並使用./留在src下並像這樣導入：

import App from "./components/App"

兩者都是正確的。