【问题标题】:Run build app with React and Gulp使用 React 和 Gulp 运行构建应用程序
【发布时间】:2016-11-20 14:25:33
【问题描述】:

我正在学习 Lynda.com 中的 React 教程。 但是我在浏览器中看不到预览。

这里是文件的回购链接。 https://github.com/planetoftheweb/reactinterface/tree/02_01b

如何使用 localhost:8080 在浏览器中查看此内容? 我的浏览器只显示目录。 我在 Windows 8.1 中使用 XAMPP。我需要安装一些东西吗?或配置什么? 当我尝试查看 localhost/builds/app/index.html 时, 它正在显示,但未处理反应。

【问题讨论】:

    标签: javascript html reactjs gulp


    【解决方案1】:

    您不需要任何特殊的 Web 服务器,例如 XAMPP,因为浏览器可以自行解释您的 js 代码。您只需要将已编译的 js 文件包含到您的索引中。

    如果您不使用任何捆绑框架,如 Webpack 或 Browserify,也许您需要添加 React 源代码。

    <script src="https://unpkg.com/react@15/dist/react.js"></script>
    <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
    

    另外,我建议阅读官方教程here

    【讨论】:

    • 我只是将文件复制到 XAMPP。所以即使我不使用XAMPP。它只显示目录。我需要做些什么吗?在 windows cmd 中运行命令?
    • 正如我在您的 gulpfile 中看到的,您只需要运行 gulp 并且它应该是网络服务器和其他东西本身。无需复制到 XAMPP。
    • 如何运行 gulp?我没有在我的 Windows 中安装任何东西。
    • 对了,我安装了npm、browserify、gulp、webserver。但仍然有错误。 “未找到模块反应”
    • 我也试过“npm install --save react react-dom”,但安装时出错。 “拒绝将 react 安装为自身的依赖项”
    猜你喜欢
    • 2017-05-15
    • 2020-12-15
    • 2016-05-22
    • 2020-04-04
    • 1970-01-01
    • 1970-01-01
    • 2018-02-03
    • 2012-01-05
    • 1970-01-01
    相关资源
    最近更新 更多