如何在Xampp

时间:2017-02-13 03:47:22

标签: reactjs xampp react-router

我尝试创建一个全新的 react-webpack-redux (自耕农生成器)项目,当我在xampp w / c上运行已编译的项目时,我注意到了路由,我没有想法如何解决。

第一种情况:没有路由器编译。使用npm run dist编译。复制dist文件夹中的文件并放在我公共服务器上的htdocs中(使用xampp)。

enter image description here 它工作正常。也适用于我当地的Drive C:

第二种情况:使用路由器编译。现在我使用React-Router。 (这是我的代码)

Code with router

当然它在webpack dev localhost:8000 w /命令npm run serve上工作。

enter image description here

但是当我编译到制作时。 npm run dist然后同样的事情从/ dist文件夹中复制文件并放在我的公共服务器中(与第一个场景相同 - 使用xampp)在htdocs文件夹中。

enter image description here

它不会跑。

使用路线时我错过了什么?或者我需要在我的公共服务器中配置一些东西(我使用xampp)。

我希望你能帮助我。

谢谢。

1 个答案:

答案 0 :(得分:0)

如果您使用react-create-app创建应用程序,只需使用 npm run build 构建项目。 然后在浏览器localhost / projectname上将文件夹构建复制到htdocs.run。

如果您的页面为空白,只需在index.html中编辑某些包含文件的路径。 当我使用 npm run build 运行时,它有时会创建包含文件的错误路径。 当我在

之前编辑index.html时,它对我有用