如何在本地安装ReactJS?

时间:2017-01-01 04:35:54

标签: javascript reactjs

我试过阅读他们网站上的“指南”,但这对我来说都没有意义。我认为它与JQuery是一回事,但显然我错过了一些东西。

我在html文档中附加了这个(当然这是合适的):

<script src="respond.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/react@latest/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
<script src="app.js"></script>
<script type="text/babel" src="app_2.js"></script>

正如您可能已经猜到的那样,我正在使用Adobe Dreamweaver开发我的网页。

这就是第一个脚本元素的用途。第二个是JQuery。

在使用JSX运行ReactJS的“示例”之后,我在html文档中找到了以下三个脚本元素。对我而言,这告诉我,为了让它工作,我所要做的就是将它们联系起来。

长话短说:它不起作用。我在Firefox和Chrome上测试过它。

我还在摸不着头脑的是我在尝试查看ReactJS相关文件的远程文件时遇到的错误(在DW上):

Not found: package "filename%version"

其中filename是JS文件的名称,版本是版本(我假设)。

这仅适用于那些文件,而不适用于JQuery。 DW仍然让我知道该文件是远程的,无法更改,但我没有得到任何其他远程文件。

是什么给出了?

1 个答案:

答案 0 :(得分:0)

在一些加扰,阅读和随机尝试之后,我能够让它工作。

原来我以自己的方式走了。

由于我正在学习的教程做出反应,我原以为我需要始终创建一个反应对象和反应对象。

从我的js文件中删除这两个声明后,我能够在浏览器中看到预期的结果。

我唯一可以想到的是为什么这些声明会导致问题是因为我导入的其中一个文件已经这样做了(这必须发生,因为我没有声明“React”或“React- dom“实例已经存在,但我仍然可以使用它们”,或者不再明确要求它。我经历的教程有点过时了。

我会有这么多的乐趣!