大家好,今天和大家分享一个React项目中的一个小报错的解决方法。
在创建了一个项目后会有几个文件
public ---- 静态资源文件夹
favicon.ico ------ 网站页签图标
index.html -------- 主页面
logo192.png ------- logo图
logo512.png ------- logo图
manifest.json ----- 应用加壳的配置文件
robots.txt -------- 爬虫协议文件
src ---- 源码文件夹
App.css -------- App组件的样式
App.js --------- App组件
App.test.js ---- 用于给App做测试
index.css ------ 样式
index.js ------- 入口文件
logo.svg ------- logo图
reportWebVitals.js --- 页面性能分析文件(需要web-vitals库的支持)
setupTests.js ---- 组件单元测试的文件(需要jest-dom库的支持)
其中有几个文件是不需要的,需要进行删除。
根据实际项目需要,删除例如App.css、App.test.js、index.css、logo.svg、reportWebvitals.js、setupTests.js等文件,保留核心index.js、App.js;并对其作出修改:
index.js:删除多与代码,仅保留如下:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(
<App />,
document.getElementById('root')
);
app.js,更名为app.jsx,并修改为如下:
export default function App() {
return (
<div className="App">
hello!
</div>
);
}
React项目中Manifest: Line: 1, column: 1, Syntax error.报错解决方法
原因:在创建的项目中,pubilc文件夹下有个文件是manifest.json
但是在自己创建的的时候,把这个文件删除掉了。控制台就会出现报错 Manifest: Line: 1, column: 1, Syntax error.
解决方法:react创建的项目中找到public文件夹中的index.html,将
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
这一行代码删除,报错就解决了。
以下是我的文件截图:
我的是将哪些注释的代码也进行了删除,不会产生报错。
以上就是本章的全部内容,希望能够帮助到您,同时也感谢您的阅读。