react-router教程不适用于mac

时间:2016-10-23 19:08:36

标签: reactjs npm webpack react-router

我尝试按照 react tutorials 进入做出反应并让它正常工作,但当我开始使用时react-router 通过 this tutorial 我每次都失败了!

当我按照说明操作时,一切似乎都正常,终端没有错误,但我没有看到在我的项目文件夹中创建的 bundle.js 文件,也没有 localhost:8080 在控制台中显示除以下错误以外的任何内容:

  

获取http://localhost:8080/ net :: ERR_EMPTY_RESPONSE

我尝试在本地和全球范围内安装 npm ,但没有效果,与 webpack 相同。此外,我尝试使用 webpack 运行服务器,代码webpack ./index.js bundle.js也不起作用,并在终端中抛出以下错误:

  

多主要错误   找不到模块:错误:无法解析模块' bundle.js' in / Users / jafari / Desktop / React-Toturial / react-router-tutorial / lessons / 01-setup-up    @ multi main

虽然此代码创建 bundle.js 文件,但如果我通过localhost上的 MAMP 运行此文件夹,我可以看到教程的所需内容,当我更改时 App.js 中的任何内容都没有生效,直到我删除 bundle.js 并在终端中再次执行我之前提到的过程,同时仍然看到控制台中出现以下错误:

  

bundle.js:49未捕获错误:找不到模块" bundle.js"

如果我不删除 bundle.js ,我会在控制台中收到此错误:

  

警告:React尝试在容器中重用标记,但校验和无效。这通常意味着您正在使用服务器呈现,并且在服务器上生成的标记不是客户端所期望的。 React注入了新的标记以补偿哪些有效但你已经失去了服务器渲染的许多好处。相反,弄清楚为什么生成的标记在客户端或服务器上是不同的:(客户端)<div data-reactid="(服务器)<div data-reactid="

有什么想法吗?或者任何关于如何使用 react-router 的建议或教程?

1 个答案:

答案 0 :(得分:1)

尝试使用命令webpack-dev-server --port 3000 --inline --content-base

将端口更改为其他端口

您也可以使用该行替换 package.json 中的npm start脚本。