使用react—create-app构建的项目,当src文件夹下文件想引用src文件夹外文件因为官方限制问题会报以下错误。

Module not found: You attempted to import ****** which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.

解决方法:1,项目直接eject命令,如果之前执行过了产生了webpack等文件就不用再执行。

2,将webpack.config.dev中ModuleScopePlugin命令注释掉即可。

//new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),

原答案出处:https://stackoverflow.com/questions/44114436/the-create-react-app-imports-restriction-outside-of-src-directory?noredirect=1

创建没有构建配置的Universal React Native应用。 npx create - react -native- app 一旦启动并运行 Create React Native App ,请访问,以获取有关使用 React 构建移动应用程序的更多信息。 准备在您的设备上构建的本机项目。 支持uni module 和自动链接。 OTA更新,并且手势开箱即用。 完全支持 React Native Web。 即插即用自定义模板。 与Expo Client应用程序一起使用。 npx create - react -native- app 创建一个新的本地 React 应用。 yarn ios ( react -native run-ios )生成iOS应用(需要MacOS计算机)。 yarn android ( react -native run-android )生成Android应用程序。 yarn web ( expo start:web )在浏览器中运行网站。 默认情况下,您创建一个支持iOS,Android和Web项目。 通过选择“来自...的模板”选项,可以选择使用示例 确保已安装SBT和NPM。 sbt new shadaj/ create - react -scala- app .g8 ... follow instructions to create your app cd my- app / sbt dev 然后打开查看您的应用。 当您准备部署到生产环境时,请使用sbt build创建一个sbt build包 你不需要安装或配置工具,如的WebPack。 它们是预先配置的,因此您可以专注于代码。 只需创建一个项目,您就可以开始了。 要使用 create -reac 来创建一个新的 React 应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch 解决方案是换源,虽然平常使用cnpm来代替npm,但也只是使用新的指令而已,而在寻求 create - react - app 的相关配置希望修改registry时失败了,最后发现 create - react - app 图书馆选择 选择 React 。 我选择的最重要的原因是,我有在其他项目中使用 React React Native创建许多Web和移动应用程序的经验,并且我选择再次使用RN,尽管尚未在RN中开发移动应用程序时得到证实。未来。 在16.3.x生命周期方法。 ( v16.3中的参考 React 组件生命周期方法,带有示例) 不要使用componentWillMount, componentWillReceiveProps, componentWillUpdate !! 国家管理选择 还考虑了Context API和MobX ,但该项目选择了Redu react 报 Re lative import s outs ide of src / are not supported react 限制开发者从非 src 目录 导入模块 文件 解决方案 python的 import 太难受了。。 https://stackoverflow.com/questions/14132789/re lative - import s-in-python-2-7/14132912#14132912 https://stackoverflow.com/questions/6323860/sibling- package - import s/50193944#50193944 https://stackoverflow.com/questions/14132789/relativ. 报错:which falls outs ide of the project src / directory. Re lative import s outs ide of src / are not supported . 解决方案: 原文地址:https://stackoverflow.com/questions/44114436/the- create - react - app - import s-restr... 最近做一个项目用到了 react 16, 目录 和之前完全不一样,配置路由,代理,antd按需加载之类的费了很长时间(尤其暴露webpack配置)。而且 react 16新增了很多特性和功能。 一、新特性 这是我觉得还不错的博客: react 16新特性 antd按需加载我参考的这个: react 16antd按需加载 直接在 package .json里加上就行 proxy: { "target":http://10.4.XX.XXX:XXXX", "changeOrigin": true 里面新特性,新 Re lative import s outs ide of src / are not supported 解决方法: 项目直接 npm run eject 命令,如果之前执行过了产生了webpack等 文件 就不用再执行。 修改 webpack.config.js 文件 Module ScopePlugin 注释如下代码: // new Module ScopePlugin(paths. app Src , [paths. app Package Json]), from pack1.mod1 import func1 from pack1.mod1_1 import func1_1 from pack1.pack2.mod2 import func2 from pa... autorun_startprogram.py ——起服务脚本 autorun_checkstart.py ——检查启动脚本 programsetting.py ——抽取的配置 文件 包含相对路径 import 的python脚本不能直接运行,只能作为 module 被引用。原因正如手册中描述的,所谓相对路径其实就是相对于当前 module 的路径,但如果直接执行脚本,这个 module 的name就是“__main__”, 而不是 module 原来的name, 这样相对路径也就不是原来的相对路径了,导入就会失败,出现错误“ValueError: Attempted re lative impo