如何在本地计算机上设置React和NodeJS（NPM错误）？

Question

我是React和nodeJS的新手，并且webpack和npm有一些问题。 我已尝试根据本教程配置本地主机： https : //www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm

当我写到cmd：“ npm start”时，它向我抛出以下消息（如图）。 我已经安装了webpack，但是它说不认识。 顺便问一下，什么是“怪异错误”？ 您能给我一些链接，以便在其中正确配置我的机器吗？

我的webpack.config.js文件：

 var config = {
   entry: './main.js',

   output: {
    path:'./',
    filename: 'index.js',
    },

   devServer: {
     inline: true,
     port: 8080
   },

   module: {
     loaders: [
       {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel',

        query: {
           presets: ['es2016', 'react']
        }
     }
    ]
   }
  }

  module.exports = config;

package.json文件：

   {
    "name": "reactApp",
    "version": "0.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
    "start": "webpack-dev-server --hot"
    },
    "author": "",
    "license": "BSD"
   }

Answer 1

我认为该错误消息是匈牙利语，但是从我看到的内容来看，我猜系统无法找到webpack-dev-server。

尝试使用npm install --save-dev webpack-dev-server在本地安装它。 确保它位于node_modules/.bin/webpack-dev-server 。 如果您的控制台说找不到命令，请尝试运行node_modules/.bin/webpack-dev-server

请参阅此以获取有关webpack-dev-server安装的更多信息： https ://webpack.js.org/guides/development/#webpack-dev-server

==================

编辑：关于新错误，如控制台中所说，您需要在-loader中将后缀-loader添加到babel

 var config = {
   entry: './main.js',

   output: {
    path:'./',
    filename: 'index.js',
    },

   devServer: {
     inline: true,
     port: 8080
   },

   module: {
     loaders: [
       {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',

        query: {
           presets: ['es2016', 'react']
        }
     }
    ]
   }
  }

  module.exports = config;