如何在app.js中导入名称相同但位于不同文件夹中的元件？
在app.js中导入名称相同但位于不同文件夹中的元件，可以通过使用相对路径来解决。以下是一种可能的解决方案：
- 首先，确保你的项目文件结构如下：
- app.js
- 文件夹A
- 元件A.js
- 文件夹B
- 元件B.js
- 在app.js中，使用相对路径导入元件A和元件B。假设元件A和元件B都导出了一个默认的对象，你可以按照以下方式导入它们：
const 元件A = require('./文件夹A/元件A');
const 元件B = require('./文件夹B/元件B');- 现在，你可以在app.js中使用导入的元件A和元件B了。
这种方法使用相对路径来指定元件所在的文件夹，确保了正确的导入。请注意，这只是一种解决方案，你可以根据你的项目结构和需求进行调整。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法提供具体的链接。但是，腾讯云提供了丰富的云计算服务，你可以在腾讯云官方网站上查找相关产品和文档。
相关·内容
我是Node的超级新手，我以前能够运行这个JS文件。现在，我不能也不知道为什么。它说它没有在config文件夹下看到app.js文件，但是正如您所看到的，配置下有app.js，我也在server.js中给出了方向。请帮帮我。
浏览 1提问于2022-03-03得票数 0
1回答
我刚刚开始了一个新的应用程序react，这次我使用的是Flow。
我有一些问题，报告的错误，我不认为是错误。这是我的课上的问题：
'use strict';
// @flow
import {HashRouter, Route, Switch} from 'react-router-dom';
import React from 'react';
import {connect} from 'react-redux';
import axios from 'axios';
import Loader from
浏览 3提问于2017-09-18得票数 1
回答已采纳
1回答
组件内部的组件
、、、
我和React.js一起工作
我想使用组件x内应用程序组件(app.js)，即在index.js内部。
它不起作用。**
Error
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have m
浏览 3提问于2022-07-09得票数 0
回答已采纳
1回答
stefan1377 1m
大家好，…我刚刚开始了我的react项目…我将两个文件(App.css和App.js)从src/移动到src/components/App。我将src/文件夹中的index.js更新为此import App from "./components/App/App";，但在浏览器上收到以下错误消息
Failed to compile
./src/components/App/App.js
Module not found: Can't resolve './logo.svg' in 'C:\Users\rapid\Doc
浏览 18提问于2020-05-08得票数 0
回答已采纳
我正在尝试使用ReactJS (https://react-select.com/home#getting-started)的选择输入工具，这样我就可以在我的网站上有一个过滤器/搜索栏。我将上面链接中的代码复制并粘贴到src文件夹中的一个新文件中。此时我没有任何错误，但是当我将这个过滤器文件导入到我的App.js文件中并运行它时，我得到了以下错误： Module not found: You attempted to import ../data which falls outside of the project src/ directory. Relative imports outsi
浏览 14提问于2021-06-17得票数 0
我试图在反应带渲染一个图像。
我已经尝试从图像文件夹导入图像，如下图所示。
文件夹设置
我还尝试将图像直接放入源文件夹，然后在代码中使用它，如下图所示。
文件夹设置
这是我遇到的实际错误：
实际误差
我在代码中尝试了以下图像标记：
尝试代码
每次我收到一个错误，显示图像在项目之外，并且不支持源文件夹之外的相对导入。
浏览 3提问于2021-03-04得票数 1
回答已采纳
我看不出为每个文件夹有一个名称空间有什么意义。据我所知，拥有名称空间的意义在于避免名称冲突。但是，微软在他们的命名空间命名约定中说：
❌不为单个应用程序模型中的命名空间中的类型提供相同的名称。例如，不要向System.Web.UI.Adapters命名空间中添加名为Page的类型，因为System.Web.UI命名空间已经包含一个名为Page的类型。
如果您要遵循该建议，那么每个项目拥有不止一个命名空间有什么意义呢？更别说为项目中的每个文件夹都有一个新的命名空间了？
浏览 0提问于2022-03-31得票数 3
回答已采纳
3回答
尝试导入jpeg图像作为我在React中的背景，但一直收到错误消息
Error: Can't resolve '/img/dots.jpeg' in 'D:\Developer\mysite\src'
我的App.css
.App {
text-align: center;
background-image: url('/img/dots.jpeg');
}
我的App.js
import './App.css';
function App() {
return (
<div classNa
浏览 16提问于2021-03-03得票数 0
回答已采纳
2回答
最初，vue组件正在工作并加载，但是突然之间，我开始得到这个错误Vue警告:未知的自定义元素：-您正确注册了组件吗？对于递归组件，请确保提供"name“选项。我没有更改任何代码，而且在新文件上也会出现此错误。
<template>
<v-app>
<div class="example-component">
<div class="row justify-content-center">
<div class="col-md-8"&
浏览 4提问于2020-05-24得票数 0
回答已采纳
我在根文件夹中的单独文件中定义了一个组件：
import {Component} from '@angular/core'
@Component({
selector: 'testtag',
templateUrl: './simplecomponent.component.html',
})
export class SimpleComponent {
}
然后，我尝试导入它，以便主组件可以像这样使用它：
import {SimpleComponent} from './simplecomponent.component.
浏览 2提问于2016-09-14得票数 0
回答已采纳
1回答
我通常使用同一文件夹中的许多AS文件，并且很容易将这些文件彼此寻址。但我现在在name文件夹中有一个子文件夹，其中存储了我的大多数文件；在该子文件夹中还有另一个as文件。如何在主文件夹中的AS文件中更改AS文件(子文件夹中)的变量，反之亦然。
浏览 2提问于2011-07-20得票数 0
回答已采纳
我必须在我的App.js中导入多个文件。我的文件夹结构是
/src
/components
layout.js
App.js
index.css
index.js
这里我想从App.js导入layout.js文件。我的代码是
import React from 'react';
import Layout from './components/layout';
class App extends React.Component{
render(){
return (
浏览 21提问于2018-01-12得票数 0
回答已采纳
3回答
我已经做了一个日期选择器的反应，我试图上传到NPM，它使用外部svg，但我有困难正确引用那个svg。
所以我的文件目录如下所示：
+-- imgs
| +-- arrow.svg
+-- src
| +-- Datepicker.jsx
| +-- index.js
在Datepicker.jsx里我有
<object style={STYLES.arrow} data="../imgs/arrow.svg" type="image/svg+xml" />
但是当我通过npm安装它并尝试在一个项目中使用它时，它说：
GET http://
浏览 4提问于2016-01-09得票数 8
回答已采纳
反应-本地应用程序找不到我的".js“文件路径，我不知道为什么。我尝试了几种方法，例如：
1-‘./components/LoginScreen’2- './LoginScreen‘3- './LoginScreen.js’
但结果一样。
如果有人能帮我的话，这里有个错误：
Looking for JS files in
C:\Users\<User>\reactnewapp
Loading dependency graph, done.
DELTA [android, dev] ..\..\../index.js ▓▓▓▓▓▓▓▓▓▓▓
浏览 1提问于2019-06-08得票数 1
回答已采纳
3回答
目前，在我的目录中，App.js和startMenu.js作为两个单独的文件。我希望使用正确的React格式访问App.js文件中的App.js。目前，我可以使用典型的javascript语法调用函数startMenu()，但由于某种原因，我无法使React语法{startMenu}工作。任何想法都将不胜感激。
我的代码：
import React from "react";
import startMenu from './startMenu';
import credits from "./credits";
var param =
浏览 3提问于2020-10-21得票数 0
回答已采纳
我希望在我的客户端和服务器中都包含一个JavaScript文件。
有一些问题。请帮帮我。
代码：
require('app.js');
或
<script src='app.js'></script>
我应该使用哪一个？
浏览 1提问于2015-08-12得票数 2
我希望在GitLab中设置一个默认的存储库，该库随每个新项目而来。因此，当我签出新项目时，我不是要签出一个空的回购，而是一个填充了我的默认项目文件夹和文件。
有人知道怎么做吗？
浏览 3提问于2016-03-10得票数 2
回答已采纳
1回答
输入元件功能的反应打印内容
、、、、
试图分割一些HTML块，方法是将HTML分割成较小的块，位于components文件夹中。(我知道，HTML不是真正的html，而是JSX)。
我试图实现的结果是让导入的组件导航来呈现其内容。
我确实理解，可能有一些工具可以进行代码分割。
问题:为什么代码不呈现div导航内容？
Navigation.js
import React from 'react';
export default function Navigation() {
return (
<div className="navigation">
<ul
浏览 4提问于2019-11-28得票数 1
回答已采纳
4回答
我正在尝试使用react创建一个登录流。路线按预期运行。但是当我尝试介绍导航条时，它在所有路线上都是可见的。我想显示导航条只在选定的组件(仅在配置文件和回家路线)。
如有任何建议，将不胜感激。
这是Routes.js：
export default class Routes extends Component {
render() {
return (
<Switch>
<Route
exact
path='/*/home'
component={Home}
浏览 0提问于2018-11-01得票数 5
回答已采纳
所以我的图像在src文件夹中，而我正在尝试访问src/ app.js文件夹中的图像。我正在尝试：
<div><ImgMediaCard name='../images/image.png'/></div>
但它不起作用，只有当我将图像放在与app.js相同的文件夹中时才能起作用
<div><ImgMediaCard name='../image.png'/></div>
浏览 1提问于2021-02-18得票数 0
我希望将静态的*.txt、*.svg，甚至*.js文件存储在assets文件夹(或其他常用路径)中(干净，没有任何博览会和其他包装，Webpacks，仅使用Babel )。然后我想将它们作为字符串导入到App.js中。关于这个话题有很多矛盾的信息。我如何在一个全新的应用程序中正确地做到这一点？
浏览 0提问于2019-03-30得票数 3
回答已采纳
1回答
我是Adobe Flash CS6和ActionScript 3.0 (AS3)的新手。我很难理解如何将类文件包含到我的项目中。
问题是，我想在flash项目(.fla)中添加一个类文件(.as)。它们与我的项目文件(Courseware.fla和Courseware.as)在同一个文件夹中。在我尝试过的东西中有：
在flash项目中：
import com.example;
在class file上：
package com.example
{
public class Test
{
public function display():void
浏览 0提问于2013-08-21得票数 2
回答已采纳
3回答
我正在学习如何使用Node.js，但我被卡住了。我无法在我的项目中加载css和js文件。我正在从CDN加载Bootstrap和Fontawesome，它们渲染得很好。至于我自己的自定义css和js，它们根本没有加载。
我的文件夹文件路径：
文件夹
index.html
app.js
package.json
css
main.css
文件
file.pdf
app.js：
var http = require('http');
var fs = require('fs');
//creating server
http.createServer
浏览 1提问于2018-05-21得票数 8
3回答
我有一个名为snake的包文件夹，其中包含.java文件，我正在尝试从其中导入一个特定的类，例如Move。
我已经将该文件夹放置在与我目前正在使用的src文件夹相同的项目文件夹中，但当我尝试执行import snake.Move;时，我会收到一条错误消息，表示导入无法解析。
我把文件夹放错目录了吗？还是我错过了一步？
浏览 0提问于2016-03-15得票数 0
回答已采纳
我尝试将所有TypeScript代码编译成一个Javascript文件。但是，每当我尝试使用SystemJS导入该文件时，网页就会卡在loading...上。
我使用gulp将类型记录文件编译成一个Javascript文件，然后复制到dist文件夹中。
吞咽任务：
gulp.task("dist:compileTSConcat", function() {
return gulp.src("./app/**/*.ts")
.pipe(ts({
typescript: require('typescript'), // In
浏览 3提问于2016-03-01得票数 2
回答已采纳
5回答
我不确定如何从上面的目录导入文件。也就是说，我有一个这样的设置
directory: MyProject
Main.java
directory: Other
Other.java
基本上，Main.java位于"MyProject“中，而Other.java位于项目根文件夹内的一个文件夹中。我很容易就能做到
import Other.*;
让这些文件在Main中可用，但是如何让Main.java对Other.java可见呢？
import ../Main.java
显然，这不起作用，但这是我正在寻找的通用功能。有什么建议吗？我不希望使用绝对路径。谢谢!
浏览 2提问于2012-02-09得票数 1
回答已采纳
1回答
我很难将模块从我的项目文件夹(节点模块，如'react'，‘react-本机’工作很好)导出到我的App.js文件。我已经创建了一个新的项目，使用创建-反应-本机-应用程序，并尝试如下：
将test_file.js添加到我的项目文件夹。
在test_file中，我声明了变量test，然后导出它。
然后我将它导入我的App.js并运行npm start。
在我试着举办世博会之前，一切似乎都很好。JavaScript包构建失败，在我的手机中它给出了一个错误消息：The development server returned response error code
浏览 1提问于2018-06-16得票数 3
回答已采纳
2回答
我是java的新手。我想知道当我写的时候
import {SOME_PACKAGE_NAME}
它在哪里搜索文件夹？是否有任何通用文件夹或映射文件用于搜索给定的包？
浏览 0提问于2015-09-04得票数 4
我们正在使用的技术是Laravel，现在正在尝试使用Vue js。在我的app.js里
App.js文件
Vue.component('main-chart-of-accounts', require('chart_of_account.vue').default);
也在同一条路上。我有那个文件chart_of_account.vue。在这个文件中，这是我们的模板
chart_of_account.vue文件
<template>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg
浏览 4提问于2019-10-16得票数 0
请允许我对本机做出反应，并且我正在开发一个关于snack.expo.io的项目，在我看来，它们似乎很好，但是我希望将一个js (component1.js)文件连接到父App.js文件，但是它总是给我带来这些错误。
设备：(1069:6932)安装模块‘/component1 1’失败:下载从App.js导入的组件‘~component1 1@最新’
这是我的App.js文件：
import React from 'react';
import { View, StyleSheet } from 'react-native';
import { Co
浏览 0提问于2018-02-23得票数 1
回答已采纳
一旦创建架构，并将其放置在“模型”文件夹中。添加了一行代码.
// within '/models/Foos.js'
mongoose.model( 'Foo', FooSchema )
..。但是在节点的app.js中也添加了对此模式的引用，因此.
var mongoose = require( 'mongoose' );
require( './models/Foos' )
..。但有什么区别呢？为什么我们需要执行后一种方法(即在app.js中将模式文件引用添加到全局mongoose对象)，而我们已经通过mongoose.m
浏览 1提问于2015-09-01得票数 3
回答已采纳
3回答
在我的react应用程序中，我试图导入<Toaster>，但是我得到了错误：
export 'Toaster' (imported as 'Toaster') was not found in './ui'.
我不明白为什么。
Toaster.js
function Toaster(props) {
return (
<div>
</div>
)
}
export default Toaster;
app.js
import {Toaster} from './ui
浏览 3提问于2022-07-29得票数 -1
回答已采纳
2回答
我试图在app.js文件中添加一个项目的静态文件夹。我在使用macOS。
app.use(express.static("public")); // will work
app.use(express.static("\public")); // will work
app.use(express.static("/public")); // wont work
谁能告诉我这三者之间有什么区别吗。
“公用”文件夹在项目文件中。像这样-> My_project >(公共，app.js，node_modules)
const ex
浏览 2提问于2019-07-23得票数 3
回答已采纳
我只是想把这个拾色器( )添加到我的应用程序中，让它在点击首选项时显示出来，但我的问题是如何添加它？我应该将这些文件夹复制到哪里？我有这个，那里面应该放些什么呢？
Preference.OnPreferenceClickListener colordialog = new Preference.OnPreferenceClickListener(){
public Boolean OnPreferenceClick(Preference preference){
if (preference.getKey().equals("color")){
浏览 0提问于2012-05-25得票数 1
回答已采纳
2回答
我有一个文件夹A，其中包含一些Python文件和__init__.py。
如果我将整个文件夹A复制到其他文件夹B中，并在那里创建一个带有"import A“的文件，它就可以工作。但现在我删除了该文件夹，并移入到原始文件夹的符号链接中。现在它不工作了，显示“没有名为foo的模块”。有人知道如何使用symlink进行导入吗？
浏览 0提问于2012-01-06得票数 15
回答已采纳
我从后端网络编程开始。我正在使用nodejs，express和mysql。首先，我用我的所有路由创建了一个app.js文件(其中包含了我需要的所有模块)，但现在我试图在“路由”文件夹中将不同的.js文件中的每条路由分隔开来，然后在app.js文件中使用"app.use“。
我的问题是，我应该把模块放在哪里？例如，在路由"/show“中，我希望列出使用查询访问数据库的所有当前文章。我应该将mysql模块包括在show.js文件中、app.js文件中还是两者中？假设在show.js文件中，我希望从另一个文件导入具有查询的函数。这三个文件中哪一个应该需要"mysql“模块？
浏览 1提问于2022-08-01得票数 0
回答已采纳
2回答
因此，我试图将我的App.js上的组件分解为一个较小的组件，即我的Sidebar.js。我取了一小部分代码，并将其放入自己的Sidebar.js文件中，但无论我尝试了什么，我都不能从App.js调用函数getNotesRows()，除非它找不到它，或者this.states.notes没有定义。我只想让它来回发送代码。这是一个演示应用程序，所以我知道这不是最实用的。
import React, { Component } from "react";
import classNames from "classnames";
import logo from &
浏览 1提问于2019-02-26得票数 1
回答已采纳
问题
所以，我正在使用Webpack和ES6开发一个网络应用程序。当我试图运行Webpack，它告诉我，它不能解决"app.js“。我在互联网上到处寻找解决方案，但我就是找不到，有人能帮我吗？完全错误是：
ERROR in ./assets/js/main.js
Module not found: Error: Can't resolve 'app.js' in 'C:\Users\sidna\Dropbox\Dev Stuff\Web Apps\Mondrian Generator\assets\js'
@ ./assets/js/main.
浏览 2提问于2017-04-16得票数 2
回答已采纳
我只是进入react，自己尝试一下。经过几个小时的配置，为了在我的屏幕上看到hello world，我想我现在可以开始了，但是在尝试从文件呈现另一个组件之后，下一个问题就出现了。
我的主文件是app.js，它渲染所有内容：
import React from 'react';
import ReactDOM from 'react-dom';
import {Hello} from './hello';
ReactDOM.render(
<Hello/>,
document.getElementById('app
浏览 1提问于2017-12-03得票数 36
回答已采纳
嗨，我正在导入存储在pages文件夹中的主组件。将其添加到我的应用程序的路由器 获取以下错误。/src/App.js模块未找到:无法解析'./pages‘ 但我似乎做得正确?找不到模块:无法解析'./pages‘ 请告诉我为什么在那里找不到它说的模块 App.JS代码 import React from 'react';
import { BrowserRouter as Router, Switch } from 'react-router-dom';
import { Route } from 'react-router-dom&#
浏览 28提问于2020-07-09得票数 0
你好，我是一个新的程序员，最近我开始在react中编码，但我的JavaScript代码有这个问题。导入不起作用。 import React from 'react';
import './App.css';
import { hello } from '/components/hello.js';
function App() {
return (
<div className="App">
<header>
<p>
<hello&g
浏览 19提问于2020-10-19得票数 0
我对CRA相当陌生，通常我只是和Webpack有规律的反应。我正试图为我的CRA服务，就像我会像其他任何反应应用一样。我的根目录文件结构当前如下所示：
controllers/
build/
app.js
package.json
其中"app.js“是我的Node/Express服务器，build/是我的CRA应用程序的构建文件夹( index.hmtl、静态目录、清单等都在这里)，controllers/是我的路由器文件。我必须服务的路由器文件名为"staticController.js"，位于控制器/目录中，如下所示：
const express = requir
浏览 0提问于2019-01-25得票数 0
我的react应用程序使用graphql从github获取用户数据，并通过.env文件上的个人访问令牌发出请求。
我的.env文件位于项目的root文件夹中。密钥在左边，密钥值(个人访问令牌)在右边：
.env文件：REACT_APP_GITHUB_PERSONAL_ACCESS_TOKEN=xxxXXX
我的代码在App.js文件中，该文件位于component文件夹中，该文件夹位于src文件夹中。App.js -> ./src/components/App.js的路径
在我的App.js中，我在第6-10行有以下代码：
const axiosGitHubGraphQL = axios
浏览 1提问于2019-05-04得票数 0
4回答
我正在进行一个有角度和浏览器化的项目，这是我第一次一起使用这两个工具，所以我想要一些建议，这是使用browserify实现require文件的方法。
我们可能以不同的方式导入这些文件，直到现在我尝试了这样的方法：
角应用程序：
app
_follow
- followController.js
- followDirective.js
- followService.js
- require.js
- app.js
对于插件文件中的每个文件夹，我创建了一个require.js文件，其中我需要该文件夹的所有文件。就像这样：
var mnm = requ
浏览 8提问于2014-10-09得票数 6
回答已采纳
这是我在index.html中的systemJs配置
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('./ts/app.js')
.then(null, console.error.bind(console));
</script>
ap
浏览 1提问于2016-03-09得票数 1
1回答
我下载了一个模板并将所有的CSS放在一个文件夹中，并将其导入到App.js文件中，现在我想导入JavaScript文件，但这会产生一个错误，我甚至使用了/ *全局jQuery * /，并将其放入index.js文件中。但它仍然给出了一个错误
有可能导入JS文件吗？如果是的话，谢谢您的答复
错误图像：
更新
在App.js
import './App.css';
import './dist/css/adminlte.min.css';
import './dist/css/bootstrap-rtl.min.css';
import '.
浏览 2提问于2021-12-15得票数 0
回答已采纳
我已经构建了一个模因生成器，使用React作为一个早期项目来掌握基本知识。我有6个文件，在我的桌面上的“备忘录”文件夹，我创建了使用“创建-反应-应用程序”。它们包括: index.html，将显示到style.css和index.js链接的父文件。Index.js只是简单地呈现App.js组件，而这个组件又有两个子组件，即页面的头和模因生成器本身(通过将文本放到API返回的图像上)。一切看起来都很好，除了"style.css“中没有一个样式似乎被应用到页面上，所以看起来很糟糕。
文件中的代码很好，因为所有的功能都在那里，但是style.css中的任何一个CSS都没有被应用，所以我怀疑
浏览 0提问于2019-12-06得票数 -4
1回答
我目前正在将HTML模板迁移到Vue。现在，我开始在存储在main.js文件中的src文件中导入Javascript文件。
我的文件如下所示：
import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import pageLoader from "./assets/js/global/page-loader";
import tooltips from "./assets/js/global/tooltips&#
浏览 0提问于2021-05-02得票数 2
我在一个文件夹中有一个react项目，里面是所有的json和节点模块等，src文件夹是通过运行app安装的。
在src文件夹中，我得到了App.js和一个包含Titles.js的components文件夹。
我想从Titles导入一个名为Titles.js的类。
我使用的是相对文件路径./components/Titles.js，但是当我这样做时会得到以下错误：
./src/App.js
Module not found: Can't resolve './components/Titles.js' in '/Users/username/Documents/R
浏览 0提问于2019-03-14得票数 0
1回答
我正在使用Node.js开发一个基于超文本标记语言的游戏，现在我正在开发它的前端界面。我正在尝试链接一个CSS样式表，但是我遇到了一个奇怪的问题。 我的文件夹结构设置如下： C:\Users\myname\Documents\ gamename，在gamename文件夹中是app.js文件，在客户机中有index.html文件供客户机使用。在客户端文件夹中，我还有样式表w3.css 在app.js中，我有下面一行代码： app.use('/client',express.static(__dirname + '/client')); 在index.html中，
浏览 10提问于2020-11-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
