react项目里使用public的文件

这种写法如果是本地启动的话找不到文件，打包完之后才会显示

<img src={process.env.PUBLIC_URL+"xxxx"}/>

如果是本地想使用public的文件

 <img src={"/a.jpeg"}/>

使用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]),

react项目里使用public的文件相关推荐

vc++ 项目里External dependencies 的文件存放内容和各个文件的存放内容
External Dependencies是说你没有把这个文件加入到这个工程中,但是需要这个文件的支持.当然有时是误操作.比如你从工程里面删除了abc.h但是在其中一个文件中用#include包含 ...
react项目里如何使用阿里字体图标
1.首先我们看一下Ant Design官方文档的使用示例: 我们主要关注两个地方 ★★★★★ ① createFromIconfontCN方法中scriptUrl的属性值,对应的就是我们自定义使用的字 ...
如何创建一个 react 项目
目录前言一.create-react-app 脚手架快速搭建 react 项目 1.安装 create-react-app 2.检测 create-react-app 是否安装成功 3.创建 re ...
VS2012项目中使用CocoStudio相关文件的设置
开发环境说明: win7 vs2012 coco2d-x 3.0 alpha1 cocos2d-x 3.0 alpha 1搭配CocoStudio使用,效果更佳.CocoStudio包含了游戏开发 ...
react打包服务器文件,react项目搭建及打包发布
一.创建项目 1.npm install -g create-react-app: 2.create-react-app my-app(my-app为项目名字): 这样一个react项目就初始化好了, ...
怎么将项目里的appcompat_v7_10文件去掉
Luker团队: 将低版本的Minimum Required Sdk换成高版本的两种办法一.1.1建项目时默认的Minimum Required Sdk都是低版本,建出来的项目都有个appcompa ...
Angular 项目里 angular.json 文件内容的学习笔记
看一个基于 Angular 的 SAP Spartacus 项目里 angular.json 的例子: version: The configuration-file version. newProj ...
cs项目服务器更新,Visual Studio下运行PowerShell脚本自动更新项目里AssemblyInfo.cs文件的版本（自增小版本号）并发布到Nuget服务器上...
Visual Studio下运行PowerShell脚本自动更新项目里AssemblyInfo.cs文件的版本(自增小版本号)并发布到Nuget服务器上附脚本[ update.ps1文件内容]: $ ...
react项目部署nginx服务器
1.打包好你的react本地项目,dist中具有打包好的文件 2.使用shell等工具登录你的linux服务器 3.安装nginx,网上教程一大堆 4.进入/usr/local/nginx/conf/ ...

react项目里使用public的文件

react项目里使用public的文件相关推荐

最新文章

热门文章