如何在单个html页面上添加反应

时间:2018-05-23 07:15:31

标签: javascript reactjs service-worker

我已经在react中创建了一个简单的应用程序,我想在我的sepreate项目中使用它。所以我使用。生成了一个反应应用程序的构建。

  

npm run build

构建成功生成,在构建期间,我已将main.js文件复制到新创建的域中,如

  

http://reactbuild.localhost.com/public/build/main.js

在我的html页面中,我已经包含了反应库,可以在单页中使用react。

<div id="root"></div>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script crossorigin src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
<script type="text/javascript" src="http://reactbuild.localhost.com/public/build/main.js"></script>

在html文件中添加脚本后,一切正常,但在控制台有时它不会加载数据并显示一些错误(在获取脚本时收到错误的HTTP响应代码(404))因为在反应中我击中一些网址并始终出现一个错误

Error during service worker registration: DOMException: Only secure origins are allowed.

所以你可以帮助我解决我的代码中的问题,我是否需要使用

启动react应用程序
  

npm start

因为目前我正在使用子域名访问它。那么在单页应用程序中使用react lib的正确方法是什么。

0 个答案:

没有答案