我在设置 ReactJs 环境时遇到错误答案

【问题标题】：I get errors to setup ReactJs Environment我在设置 ReactJs 环境时遇到错误
【发布时间】：2017-10-20 15:00:01
【问题描述】：

我是 React 初学者开始学习。

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

这是我的package.json

{ “名称”：“包装”，
“版本”：“1.0.0”，
"描述": "",
"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;

【问题讨论】：

虽然不相关，但我建议您使用 Create React App 进行学习。它有一个推荐的设置，无需配置即可开箱即用，您不会遇到此类问题。

标签： reactjs

【解决方案1】：

替换：

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

与：

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

或更好：

path = require('path')
...

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

【讨论】：

您好，oklas，非常感谢您的建议。我已按照您的建议更改了路径，但我现在可以得到其他错误。
好的。这意味着当前的问题得到了解决。并且需要描述下一个问题。将问题标记为已解决并进行投票。并创建另一个问题来描述另一个问题以及您当然要尝试解决的问题。您可以在评论中添加指向另一个问题的链接。