react报 Relative imports outside of src/ are not supported_which falls outside of the project src/ di

报错信息：

You attempted to import xxx 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/.

大概意思：

您尝试导入/Users/wen/gisspring project/smart city management/node_modules/console browserify/index。js位于项目src/目录之外。不支持src/之外的相对导入。您可以将其移动到src/中，也可以从项目的node_modules/向其添加符号链接。

就是引入了src 外的资源（js,css,img等等）

解决方案：

1. 可以把引入的资源放到 src里

2. 因为这个是webpack里配置了 ModuleScopePlugin 。

webpack.config.js中配置了 new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),导致限制开发者从非src目录导入模块文件
在webpack.config.js中查找 ModuleScopePlugin 并注释即可。

    new ModuleScopePlugin(paths.appSrc, [
          paths.appPackageJson,
          reactRefreshRuntimeEntry,
          reactRefreshWebpackPluginRuntimeEntry,
          babelRuntimeEntry,
          babelRuntimeEntryHelpers,
          babelRuntimeRegenerator,
                    react报 Relative imports outside of src/ are not supported  。react 限制开发者从非src目录导入模块文件 解决方案
				React外部点击
 使用提供点击外部检测的高阶组件增强React组件。
 注意：版本> = 2.x所需的React 0.14。 这假定您的项目中已安装了react和react-dom 。 继续使用1.x版本以支持React 0.13。
 注意：使用版本> = 2.3.0来摆脱React 15.5中的React.createClass警告。
 npm install react-click-outside
您希望通过单击外部检测来增强的一些组件：
 const createReactClass = require ( 'create-react-class' ) ;
const enhanceWithClickOutside = require ( 'react-click-outside' ) ;
const React = require ( 'react' ) ;
环境配置：
Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。
项目技术：
Spring + SpringBoot+ mybatis + Maven + Vue 等等组成，B/S模式 + Maven管理等等。
				最近做一个项目用到了react16，目录和之前完全不一样，配置路由，代理，antd按需加载之类的费了很长时间（尤其暴露webpack配置）。而且react16新增了很多特性和功能。
一、新特性
这是我觉得还不错的博客：react16新特性
antd按需加载我参考的这个：react16antd按需加载
直接在package.json里加上就行
proxy: {
	"target":http://10.4.XX.XXX:XXXX",
	"changeOrigin": true
里面新特性，新
更新 android/settings.gradle 文件。
更新 android/app/build.gradle 文件。
在 MainActivity.java 文件中注册模块。
重建并重启包管理器通过 npm npm i --save react-native-android-sms 更新 android/settings.gradle 文件安装模块 ... include ':react-native-android-sms' project(':react-native -android-sms').projectDir = new File(settingsDir, '../node_modules/react-native-android-sms') 更新 android/app/build.gradle 文件 ...dependencies { ... compile project(' :react-nativ
系统功能：
后台登录密码为admin密码123456 文章的发表，分类，评论，收搜索，后台管理的的文章新 增，分类新增，评论审核，标签管理，评论管理，分类管 理，博客管理，系统管理等等功能。
二、项目运行 
环境配置： Jdk1.8 + Tomcat8.5 + mysql + Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts 都支持)
项目技术： JSP +Springboot+ SpringMVC + MyBatis + ThymeLeaf + HTML+ JavaScript + JQuery + Ajax + maven等等
npm install
如果要在本地运行项目，则需要将ROM放入./data文件夹中，并添加一个./src/utils/constants.js文件，其中包含要加载的这些文件的信息。
 出于明显的法律原因，没有为该项目提供ROM。
 export var ROMS = [ {
    value: 1,
    label: 'A game',
    slug: 'game-slug',
    cover: 'http://cover.png',
    filepath: 'rom-name.nes'
此仓库仍然是WIP
在使用 npx create-react-app xx-app 的时候创建项目后没有scr 文件夹,看了一下package.json也不对
然后顺势检查来一下 nodejs npm yarn 什么的都是正常的, 非常疑惑，然后去github 翻了翻
是因为官方已经弃用了独立安装包 create-react-app 这个 cli 脚手架，如果没有及时卸载 就会出现这个问题。
卸载全局安装包
npm uninstall -g create-react-app
yarn global remove create-react-app
然后使用 旧的cli 测试一下 => s
				react报"Not allowed to load local resource"错误是由于浏览器的安全策略导致的。浏览器限制了在网页中直接加载本地文件的操作，以保护用户的安全。为了解决这个问题，你可以使用以下两种方法之一：
方法一：将图片上传至服务器并通过URL访问
1. 在后端服务器上创建一个接口，用于接收前端上传的图片。
2. 将上传的图片保存到服务器的指定目录下。
3. 在前端代码中，使用服务器返回的图片URL来显示图片。
方法二：在React中使用base64编码来显示图片
1. 将图片转换为base64编码。
2. 在React中，以字符串形式使用base64编码，将图片显示在页面上。
你可以根据自己的需求选择其中一种方法来解决这个问题。
				vue 报警告：Failed to resolve component:ConsTtem IFthis is a native custom element,make sure to exclude
					76813
				react报错 Uncaught Error: Objects are not valid as a React child (found: object with keys {a} ...
					39996