无涯教程网

Reactjs 如何避免在 createreactapp 中使用相对路径导入 (......reduxactionaction1)

发布于07月20日

我一直在使用create react应用程序包创建react网站.我在整个应用程序中使用相对路径来导入组件、资源、redux等.例如，import action from '../../../redux/action

我曾try 使用module-alis npm的软件包，但没有成功.是否有基于文件夹名称或别名(即绝对路径)导入的插件？

例如，import action from '@redux/action'或import action from '@resource/css/style.css'

推荐答案

在项目根目录中创建一个名为.env的文件，并在其中写入:

NODE_PATH=src

然后重新启动开发服务器.你应该能够在没有相对路径的情况下导入src以内的任何内容.

注意:我不建议打电话给你的文件夹src/redux，因为现在弄不清楚redux import是指你的应用程序还是库.相反，你可以打电话给文件夹src/app，从app/...导入内容.

我们故意不支持像@redux这样的自定义语法，因为它与 node 解析算法不兼容.

Reactjs相关问答推荐

重新加载页面时始终出现汉堡菜单

无法覆盖MUI工具栏上的左右填充，除非使用！重要

TypeError：SearchProduct.get()获得了意外的关键字参数查询'

React Router：在没有手动页面刷新的情况下，路由不会更新内容

获取更改后的状态值

MUiv5和TSS-Reaction SSR问题：无法可靠地处理样式定义.CSSprops 中的ArrowFunctionExpression

react -无法获取函数的最新参数值

自定义变量默认、聚焦和填充时所需TextField中标签的星号 colored颜色

验证 Yup 中的对象项

FabricJS反序列化问题

useState数组不更新

无法使axiosmockadapter正常工作

React - 函数组件 - 点击两次问题处理

如何让 useEffect 在 React.JS 中只运行一次？

如何在不使用 Axios 的情况下将图像文件从 React.js 发送到 Spring Boot Rest API？

有没有办法在用户离开页面时防止输入模糊？

下一个js如何从另一个组件更新组件？

无法在 reactJS 中使用空包装器 <>

意外的标记.您可能需要一个合适的加载器来处理这种文件类型.书？.img？ /#PURE/React.createElement("img",

如何在 Cypress E2E 的站点上测试react 组件？

实用课程推荐

相关教程推荐