Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/linq/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React/webpack应用程序在heroku上部署失败_Reactjs_Heroku - Fatal编程技术网

Reactjs React/webpack应用程序在heroku上部署失败

Reactjs React/webpack应用程序在heroku上部署失败,reactjs,heroku,Reactjs,Heroku,我正试图在heroku上部署我的react启动器。我已经编写了webpack文件,它可以在本地主机上运行,但当我在heroku上部署时,它会抛出一个运行时错误: 找不到模块“../lib/util/addDevServerEntrypoints” 我的指纹看起来像 错误:找不到模块“../lib/util/addDevServerEntrypoints” 2017-03-28811:56:47.036328+00:00应用程序[web.1]:位于Function.Module.\u resolv

我正试图在heroku上部署我的react启动器。我已经编写了webpack文件,它可以在本地主机上运行,但当我在heroku上部署时,它会抛出一个运行时错误:
找不到模块“../lib/util/addDevServerEntrypoints”

我的指纹看起来像

错误:
找不到模块“../lib/util/addDevServerEntrypoints”
2017-03-28811:56:47.036328+00:00应用程序[web.1]:位于Function.Module.\u resolveFilename(Module.js:469:15) 2017-03-28311:56:47.036329+00:00应用程序[网站1]:在函数模块加载(模块js:417:25) 2017-03-28311:56:47.036329+00:00应用程序[网站1]:在Module.require(Module.js:497:17)处 2017-03-28311:56:47.036330+00:00应用程序[网站1]:根据需要(内部/模块js:20:19) 2017-03-28311:56:47.036330+00:00应用程序[web.1]:at对象。(/app/node_modules/webpack dev server/bin/webpack dev server.js:9:33) 2017-03-28311:56:47.036331+00:00应用程序[网站1]:at模块编译(模块js:570:32) 2017-03-28311:56:47.036331+00:00应用程序[web.1]:at Object.Module.\u extensions..js(Module.js:579:10) 2017-03-28311:56:47.036332+00:00应用程序[web.1]:位于Module.load(Module.js:487:32) 2017-03-28311:56:47.036333+00:00应用程序[网站1]:在tryModuleLoad(module.js:446:12) 2017-03-28311:56:47.036333+00:00应用程序[网站1]:在功能模块加载(模块js:438:3)


在heroku中部署我的应用程序时,我也遇到过类似的问题

最好编写一个为公用文件夹提供服务的node express服务器来部署您的应用程序,而不是使用webpack dev server

可以像下面这样轻松创建Node express服务器

const express = require('express')
const path = require('path')
const app = express()
app.use(express.static(path.resolve(__dirname,'dist')
app.listen(process.env.PORT || 8080)

web开发服务器仅用于开发模式。用“发球”代替

  • npm是否安装serve--保存或添加serve-D

  • 将以下脚本添加到package.json

    “脚本”:{ “开始”:“发球-s区”, “dev”:“webpack dev server--模式开发--内联--打开--热”, “构建”:“网页包——模式生产”, “测试”:“反应脚本测试”, “弹出”:“反应脚本弹出” }


  • 在部署之前,请运行npm构建或Web包的纱线构建,以生成静态文件。然后正常推到Heroku。部署构建成功后,Heroku将运行启动脚本。这样,它将使用“serve”为您提供在dist文件夹中创建的静态文件。因此,您使用WebpackDevServer进行开发,并在生产中“服务”。通过节点为dist文件夹文件提供服务的任何一种方式都可以工作。干杯

    你试过重新安装吗?”npm卸载网页包开发服务器--保存(&npm安装网页包开发服务器--保存'