我是新来的反应者,因此我对此问题的无礼表示歉意。
我刚刚创建了一个新的React应用程序,并且我一直在研究文件夹结构。下面是我当前的文件夹结构:
react-app
|_ src
|_ assets
|_ images
|_ logo
|_ logo.svg
|_ components
|_ App
|_ App.js
index.js
在/react-app/src/components/App/App.js中,我需要导入logo.svg,它位于/react-app/src/assets/images/logo/logo.svg中。
在App.js中,我有这一行来导入徽标:
import logo from '../assets/images/logo/logo.svg';
我收到以下错误:
./src/components/App/App.js
Module not found: Can't resolve '../assets/images/logo/logo.svg'
我尝试过的事情:
我将logo.svg放入src / components / App中,并以'./logo.svg'很好地加载了]
然后我将logo.svg放在src / components中,并能够用'../logo.svg'加载它
我将其放在src中,使用'... / logo.svg'时再次出现错误
结论:当logo.svg位于尝试导入它的组件上方两个目录以上时,我无法导入。
我在这里想念什么?
我是新来的反应者,因此我对此问题的无礼表示歉意。我刚刚创建了一个新的React应用程序,并且一直在使用文件夹结构。以下是我当前的文件夹...
您应该将导入路径更改为../../assets/images/logo/logo.svg
。