NPM开始不启动本地服务器

Question

我正在尝试使用webpack创建一个反应应用程序，当我尝试运行npm start时，它应该加载http://localhost:3333但它说无法访问网站，这是我的webpack配置：

module.exports = {
    entry: './main.js',
    output: {
        path: '/',
        filename: 'index.js'
    },
    devServer: {
        inline: true,
        port: 3333
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel',
                query: {
                    presets: ['es2015', 'react']
                }
            }
        ]
    }
}

这是我package.json的{​​{1}}脚本对象。我已经安装了webpack＆amp; webpack-dev-server全球。检查下面我得到的图像：

编辑：我的package.json：

"start": "webpack-dev-server"

Answer 1

npm start仅在您启动脚本时才有效。

对于以下示例，webpack-dev-server和webpack包是必需的。要添加这些软件包，您应该全局安装webpack-dev-server和webpack。

npm install webpack-dev-server webpack -g

例如：

"scripts": {
    "start": "webpack-dev-server"
 }

在 package.json 中，基本上当你运行npm start时，它会搜索 package.json 以查找该怎么做。

Answer 2

代替尝试URL：http://localhost:3333
尝试URl：http://127.0.0.1:3333

而且，如果http://127.0.0.1:3000工作正常。
然后，要永久修复，请尝试将条目添加到 / etc / hosts 文件中，好像它不存在或未注释

127.0.0.1 localhost

Answer 3

您可以运行以下任何一个命令来启动reactJs应用程序的节点服务器：

 npm run-script start
 npm run start
 npm start

Answer 4

我在新安装的Ubuntu 18.04中遇到了这样的问题，其中我的主机文件中不存在localhost，必须添加。

您可以通过将浏览器导航到127.0.0.1:3333来检查这是否是您的问题。 如果可用，则需要将以下行添加到/etc/hosts文件中

127.0.0.1 localhost