React js-导入语句中的错误-不支持 src/ 之外的相对导入答案

【问题标题】：React js- error in import statement - Relative imports outside of src/ are not supportedReact js-导入语句中的错误-不支持 src/ 之外的相对导入
【发布时间】：2020-07-28 17:40:37
【问题描述】：

我在 src 文件夹中有一个 action 文件夹，如上图所示。我有组件文件，其中有如下导入语句。

import React from "react";
import { connect } from "react-redux";
import "./Login.css";
import * as LoginAction from "../../actions/loginAction";
import rp from "request-promise";
import "bootstrap/dist/css/bootstrap.min.css";

但我收到错误

/src/Components/LoginComponent.js 未找到模块：您试图导入项目 src/ 目录之外的 ../../actions/loginAction。不支持 src/ 之外的相对导入。

请您帮忙找出这里有什么问题。提前致谢。

【问题讨论】：

我觉得这个thread可以帮到你
@EWR 它有一个与 webpack 文件相关的答案。在我的项目中，我没有 webpack 文件。

标签： reactjs redux react-redux

【解决方案1】：

当您使用../.. 时，您正在尝试访问父文件夹的父文件夹。这就是为什么现在您不在 src 文件夹中了。目前不支持此导入。

在你的代码中，尝试修改：

import * as LoginAction from "../../actions/loginAction";

类似于以下之一：

import * as LoginAction from "../actions/loginAction";
import * as LoginAction from "./action/loginAction";
import * as LoginAction from "../redux/actions/loginAction";

【讨论】：