我尝试这样做是为了方便地使用另一个端口:

PORT=80 npm run dev

这种方法对我很管用。我猜这应该对你有用。

使用此命令运行webpack-dev

webpack-dev-server --host 0.0.0.0 --port 80

在webpack.config.js中设置

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
     config.paths.demo
 ]

注意:如果您正在使用热加载，则必须这样做。

使用此命令运行webpack-dev

webpack-dev-server --host 0.0.0.0 --port 80

在webpack.config.js中设置

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
    'webpack/hot/only-dev-server',
     config.paths.demo
 ],

....
plugins:[new webpack.HotModuleReplacementPlugin()]

对我来说:改变监听主机有效:

.listen(3000, 'localhost', function (err, result) {
        if (err) {
            console.log(err);
        }
        console.log('Listening at localhost:3000');
    });

改为:

.listen(3000, '0.0.0.0', function (err, result) {
        if (err) {
            console.log(err);
        }
        console.log('Listening at localhost:3000');
    });

服务器开始监听0.0.0.0

对我来说，这个代码起作用了。只要把它加在你的包装上。Json文件:

"scripts": {
    "dev-server": "encore dev-server",
    "dev": "webpack-dev-server --progress --colors",
    "watch": "encore dev --watch",
    "build": "encore production --progress"
},

然后通过运行npm run build运行脚本“build”

我是JavaScript开发和ReactJS的新手。我无法找到适合我的答案，直到通过查看react-scripts代码才找到答案。使用ReactJS 15.4.1+使用react-scripts，您可以通过使用环境变量从自定义主机和/或端口开始:

HOST='0.0.0.0' PORT=8080 npm start

希望这能帮助到像我这样的新人。

以下对我有用-

1)包装中。Json添加这个:

"scripts": {
    "dev": "webpack-dev-server --progress --colors"
}

2)在webpack.config.js中，在你导出的config对象下添加:

devServer: {
    host: "GACDTL001SS369k", // Your Computer Name
    port: 8080
}

3)现在在终端类型:npm运行dev

4)在#3编译并准备好后，只需前往您的浏览器并输入地址http://GACDTL001SS369k:8080/

您的应用程序现在应该能够使用外部URL工作，其他人可以在同一网络上访问该URL。

PS: GACDTL001SS369k是我的计算机名，所以请替换为您机器上的任何计算机名。