Reactjs React和Visual studio上的绝对和相对路径导入

Reactjs React和Visual studio上的绝对和相对路径导入,reactjs,visual-studio,create-react-app,Reactjs,Visual Studio,Create React App,我已使用VisualStudio中的create React app创建了一个React应用程序。我试图避免为了导入不同的组件而使用大量的。/../。我应该能够使用jsconfig.json文件或.env文件来设置baseUrl或节点URL。然而,我显然做错了什么,因为我无法访问我的文件。我的文件结构如下所示: +ClientApp package.json +public +src +buttons Button.js +components

我已使用VisualStudio中的create React app创建了一个React应用程序。我试图避免为了导入不同的组件而使用大量的
。/../
。我应该能够使用
jsconfig.json
文件或
.env
文件来设置
baseUrl
节点URL
。然而,我显然做错了什么,因为我无法访问我的文件。我的文件结构如下所示:

+ClientApp
  package.json
  +public
  +src
    +buttons
      Button.js
    +components
      +sidebar
        Sidebar.js
        SidebarButton.js
gulpfile.js
package.json
Program.cs
Startup.cs
我想做的是在我的
SidebarButton.js
文件中导入
button.js
中的按钮组件,使用类似于
src/buttons/button.js
或类似的路径。但是,我无法让环境从
src
目录开始查找文件。绝对路径将从我的C:\目录开始查找,任何相对查找都将从执行导入的js文件的当前目录开始

以下是适用于您的情况的方法。