我在设置ReactJs Environment时遇到错误

Question

我是一个开始学习的反应初学者。

请检查this link，这是一个ReactJs环境设置教程。我只是按照它，在我启动服务器的最后一步，我收到以下错误：

这是我的package.json

{   “名字”：“pacakge”，
  “版本”：“1.0.0”，
  “description”：“”，
  “main”：“index.js”，
  “剧本”：{
    “开始”：“webpack-dev-server --hot”
  }，
  “作者”：“”，
  “许可证”：“ISC”，
  “依赖”：{
    “反应”：“^ 15.5.4”，
    “react-dom”：“^ 15.5.4”，
    “webpack”：“^ 2.5.1”，
    “webpack-dev-server”：“^ 2.4.5”
  }
}

这是我的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: ['es2015', 'react']
        }
      }
   ]
 }
}

module.exports = config;

Answer 1

替换：

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

使用：

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

或更好：

path = require('path')
...

output: {
  path: path.resolve(__dirname, '/'),
  filename: 'index.js',
},