在create-react-app中从src本身导入模块
在create-react-app中，可以从src本身导入模块。src是React应用的主要源代码目录，包含了组件、样式、图片等资源文件。
在create-react-app中，可以使用相对路径来导入src目录中的模块。例如，如果在src目录下有一个名为"components"的文件夹，其中包含一个名为"Button.js"的组件文件，可以使用以下方式导入该组件：
import Button from './components/Button';这里的"./"表示当前目录，即src目录。然后使用相对路径"./components/Button"来指定要导入的模块。
在create-react-app中，这种导入方式非常常见，因为它可以简化导入路径，使代码更具可读性和可维护性。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种规模的业务需求。了解更多：腾讯云云服务器
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、视频、音频等多媒体资源的存储和管理。了解更多：腾讯云对象存储
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用程序。了解更多：腾讯云云数据库MySQL版
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。了解更多：腾讯云人工智能
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等，帮助实现智能化的物联网应用。了解更多：腾讯云物联网
相关·内容
如何从src文件夹本身导入文件。import Button from 'components/button';
假设组件直接位于src之下。类似地，我在另一个文件夹的多个层次中，希望引用根目录中的内容。我该怎么做呢？
浏览 3提问于2019-07-18得票数 1
我在本地机器上的模块中将一个组件"login.jsx“加载到一个”index.js“中：
import Login from '.该模块直接指向index.js文件，我将其导入到由create-react-app生成的"App.js“文件中。所有直接位于我的create-react-app文件夹"src“中的组件都渲染得很好。我的create-react-app</em
浏览 4提问于2017-10-13得票数 2
1回答
免责声明:我正在使用create-react-app和three.js v0.99.0__。
我正在尝试导入特定的three.js模块，因为直接从根模块导入包含包中的整个库，这是0.5MB未压缩的。我在three.js库中检查了这些模块的定义，它们实际上是在three.module.js和src/之间粘贴的，所以我找不到任何代码差异。然而，我注意到的一件事是，如果我将两者
浏览 0提问于2018-12-21得票数 1
1回答
我在ReactJS上做这个项目。将reactstrap模块用于bootstrap4中的元素。float-right brand-nav-btn left-filling"}>
浏览 0提问于2018-12-23得票数 4
回答已采纳
1回答
我用create-react-app创建了一个新的应用程序，运行npm run eject。我在子模块文件夹下添加了一个子模块：git submodule add https://github.com/my-library src/submodules。在另一个组件中(而不是从子模块)，我想直接从导入：
import { something } from 'my-li
浏览 3提问于2020-03-03得票数 0
回答已采纳
./", "actions/*": ["src/actions/*"], "components/*": ["src/components/*"],
浏览 14提问于2019-10-04得票数 1
回答已采纳
3回答
而且，这种模块化的方法在视觉上对我很有吸引力，而且存储库看起来也很整洁。
import { myFunction } from '../../shared/src/myFile';
遗憾的是，这些导入是从create-rea
浏览 1提问于2020-01-03得票数 29
在导入它们的方式上，这似乎是一个问题，我一直使用的方法是src={require(./Picture)}，我也尝试过使用const logo = require('logo') src={logo}和import logo from '.在否认这一点的同时，每一个谷歌都希望这个问题与webpack有关，我试图删除并重新安装它，也安装了一个较旧的版本，但没有什么效果。
知道是什么导致的吗？
浏览 1提问于2020-12-11得票数 1
回答已采纳
1回答
我使用create-react-app创建了一个react项目，并使用这个文件夹结构：
- fonts/ - _etc..._ - _myfont.scss_
在Menu.scss中，我使用/Global/myfont';导入</em
浏览 3提问于2016-12-31得票数 4
回答已采纳
我有一个使用react-google-maps的create-react-app。我想要做的是从‘react-google- SearchBox /lib/places/SearchBox’导入地图，但我得到了以下错误： Module not found: Can't resolve'react-google-maps/lib/places/SearchBox' in 'D:\ReactApp\demo\src\compon
浏览 31提问于2019-05-27得票数 2
我正在尝试在我的create-react-app项目中包含一些CSS。CSS来自第三方NPM包，因此它位于node_modules目录中。我试过了：import '/node_modules/packagename/css/styles.css';找不到模块:您试图导入位于项目src/目录之外的/node_modules不支持src/外部的相对导入
浏览 132提问于2017-08-13得票数 51
回答已采纳
我正在遵循一个教程，该教程告诉我将图像放在使用create-react-app创建的应用程序的公共文件夹中这是教程告诉我用于公用文件夹中的图像的路径，但是图像没有加载，我不明白为什么需要任何帮助
浏览 7提问于2021-02-18得票数 1
1回答
我在我的ReactJS应用程序中与ReactJS一起使用TypeScript，我想导入一个在另一个项目中创建的类型记录/JavaScript模块。create-react-app项目中，我将这两个文件放置在/src/vendor文件夹中，我希望像这样使用这个模块：
import { MyClass } from '..这可能是错误的原因:库是使用module: "AM
浏览 1提问于2020-01-15得票数 0
4回答
找不到模块:无法解决
、、、
之后:第一次国家预防机制火力基地
找不到terminal>> ./src/firebase.js模块中的错误:无法解析terminal>>中的“firebase”
浏览 10提问于2021-09-03得票数 7
回答已采纳
2回答
我正在使用Create-React-App，我想要为我的标题部分添加背景图像，我是这样做的： background-image: url('~/Screenshot_11.png'); 在这之后，我得到了这个错误/src/style/main.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/<em
浏览 36提问于2019-07-19得票数 20
回答已采纳
1回答
我目前正在使用React构建一个项目，并且对各个组件使用CSS模块。.Container {
background: url("./images/Background.png' in 'C:\Users\Me\Documents\Projects\Test\app\src\components\
浏览 2提问于2020-07-30得票数 0
我遇到了使用"create-react-app“编译失败的问题。我得到的信息如下所示。./ src/ App.js模块找不到:您试图导入位于项目src/目录之外的/Contact。不支持src/外部的相对导入。您可以将其移动到src/内，或者从项目的node_modules/添加一个指向它的符号链接。__
奇怪的是，我的src文件
浏览 1提问于2018-06-17得票数 1
我正在尝试使用带有create-react-app引导程序的superagent。我得到了错误：import request from 'superagent';
import noCache from 's
浏览 44提问于2017-02-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
