Javascript npm网页包服务器启动错误"/&引用；这不是一条绝对的道路

我正在编写React教程，启动Webpack服务器时遇到问题。运行

npm start

时，我得到以下错误：

无效的配置对象。已使用 与API架构不匹配的配置对象。 -configuration.output.path：提供的值“/”不是绝对路径

这是我的目录结构：

reactApp
  + node_modules
  + App.jsx
  + index.html
  + main.js
  + package.json
  + webpack.comfig.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;

main.js是

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';

ReactDOM.render(<App />, document.getElementById('app'));

它似乎无法从“/App.jsx”导入应用程序

以下是错误日志：

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'start' ]
2 info using npm@3.10.10
3 info using node@v6.9.4
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle react-app@1.0.0~prestart: react-app@1.0.0
6 silly lifecycle react-app@1.0.0~prestart: no script for prestart, continuing
7 info lifecycle react-app@1.0.0~start: react-app@1.0.0
8 verbose lifecycle react-app@1.0.0~start: unsafe-perm in lifecycle true
9 verbose lifecycle react-app@1.0.0~start: PATH: C:\Program Files\nodejs\node_modules\npm\bin\node-gyp-bin;C:\node\reactApp\node_modules\.bin;C:\ProgramData\Oracle\Java\javapath;C:\oracle\product\10.2.0\client_1\bin;C:\Program Files\Common Files\Microsoft Shared\Microsoft Online Services;C:\Program Files (x86)\Common Files\Microsoft Shared\Microsoft Online Services;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;c:\Program Files (x86)\Hewlett-Packard\HP ProtectTools Security Manager\Bin\;c:\Program Files\Intel\DMIX;C:\Program Files (x86)\Intel\Services\IPT\;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x86;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x64;C:\Strawberry\perl\bin;C:\Strawberry\perl\site\bin;C:\Strawberry\c\bin;C:\Dwimperl\perl\bin;C:\Dwimperl\perl\site\bin;C:\Dwimperl\c\bin;C:\Maven\apache-maven-3.3.9\bin;C:\Program Files\Java\jdk1.8.0_65\bin;C:\Maven\apache-maven-3.3.9\bin;C:\php;C:\Program Files\nodejs\;C:\ProgramData\Oracle\Java\javapath;C:\oracle\product\10.2.0\client_1\bin;C:\Program Files\Common Files\Microsoft Shared\Microsoft Online Services;C:\Program Files (x86)\Common Files\Microsoft Shared\Microsoft Online Services;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;c:\Program Files (x86)\Hewlett-Packard\HP ProtectTools Security Manager\Bin\;c:\Program Files\Intel\DMIX;C:\Program Files (x86)\Intel\Services\IPT\;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x86;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x64;C:\Strawberry\perl\bin;C:\Strawberry\perl\site\bin;C:\Strawberry\c\bin;C:\Dwimperl\perl\bin;C:\Dwimperl\perl\site\bin;C:\Dwimperl\c\bin;C:\Maven\apache-maven-3.3.9\bin;C:\Program Files\Java\jdk1.8.0_65\bin;C:\Users\hatch\AppData\Roaming\npm
10 verbose lifecycle react-app@1.0.0~start: CWD: C:\node\reactApp
11 silly lifecycle react-app@1.0.0~start: Args: [ '/d /s /c', 'webpack-dev-server --hot' ]
12 silly lifecycle react-app@1.0.0~start: Returned: code: 1  signal: null
13 info lifecycle react-app@1.0.0~start: Failed to exec start script
14 verbose stack Error: react-app@1.0.0 start: `webpack-dev-server --hot`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:255:16)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at EventEmitter.emit (events.js:191:7)
14 verbose stack     at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:40:14)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at ChildProcess.emit (events.js:191:7)
14 verbose stack     at maybeClose (internal/child_process.js:877:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid react-app@1.0.0
16 verbose cwd C:\node\reactApp
17 error Windows_NT 6.1.7601
18 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
19 error node v6.9.4
20 error npm  v3.10.10
21 error code ELIFECYCLE
22 error react-app@1.0.0 start: `webpack-dev-server --hot`
22 error Exit status 1
23 error Failed at the react-app@1.0.0 start script 'webpack-dev-server --hot'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the react-app package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     webpack-dev-server --hot
23 error You can get information on how to open an issue for this project with:
23 error     npm bugs react-app
23 error Or if that isn't available, you can get their info via:
23 error     npm owner ls react-app
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

0信息如果它以ok结尾，它就工作了
1详细cli['C:\\Program Files\\nodejs\\node.exe'，
1 verbose cli'C:\\Program Files\\nodejs\\node\u modules\\npm\\bin\\npm cli.js'，
1详细cli“开始”]
2信息使用npm@3.10.10
3信息使用node@v6.9.4
4详细的运行脚本['prestart'，'start'，'poststart']
5信息生命周期反应-app@1.0.0~z~普雷斯特：反应-app@1.0.0
6.作出反应-app@1.0.0~prestart：没有关于prestart的脚本，继续
7信息生命周期反应-app@1.0.0~start：反应-app@1.0.0
8详细的生命周期反应-app@1.0.0~start:生命周期中的不安全烫发为true
9详细的生命周期反应-app@1.0.0~start:PATH:C:\Program Files\nodejs\node\u modules\npm\bin\node-gyp-bin；C:\node\reactApp\node\u modules\.bin；C:\ProgramData\Oracle\Java\javapath；C:\oracle\product\10.2.0\client\u 1\bin；C:\Program Files\Common Files\Microsoft Shared\Microsoft Online Services；C:\Program Files（x86）\Common Files\Microsoft Shared\Microsoft Online Services；C:\Windows\system32；C:\Windows；C:\Windows\System32\Wbem；C:\Windows\System32\WindowsPowerShell\v1.0\；c:\Program Files（x86）\Hewlett-Packard\HP ProtectTools安全管理器\Bin\；c:\Program Files\Intel\DMIX；C:\Program Files（x86）\Intel\Services\IPT\；C:\ProgramFiles（x86）\Intel\OpenCLSDK\2.0\bin\x86；C:\ProgramFiles（x86）\Intel\OpenCLSDK\2.0\bin\x64；C:\草莓\perl\bin；C:\草莓\perl\site\bin；C:\草莓\C\bin；C:\dwimpel\perl\bin；C:\dwimpel\perl\site\bin；C:\dwimpel\C\bin；C:\Maven\apache-Maven-3.3.9\bin；C:\ProgramFiles\Java\jdk1.8.0\U 65\bin；C:\Maven\apache-Maven-3.3.9\bin；C:\php；C:\ProgramFiles\nodejs\；C:\ProgramData\Oracle\Java\javapath；C:\oracle\product\10.2.0\client\u 1\bin；C:\Program Files\Common Files\Microsoft Shared\Microsoft Online Services；C:\Program Files（x86）\Common Files\Microsoft Shared\Microsoft Online Services；C:\Windows\system32；C:\Windows；C:\Windows\System32\Wbem；C:\Windows\System32\WindowsPowerShell\v1.0\；c:\Program Files（x86）\Hewlett-Packard\HP ProtectTools安全管理器\Bin\；c:\Program Files\Intel\DMIX；C:\Program Files（x86）\Intel\Services\IPT\；C:\ProgramFiles（x86）\Intel\OpenCLSDK\2.0\bin\x86；C:\ProgramFiles（x86）\Intel\OpenCLSDK\2.0\bin\x64；C:\草莓\perl\bin；C:\草莓\perl\site\bin；C:\草莓\C\bin；C:\dwimpel\perl\bin；C:\dwimpel\perl\site\bin；C:\dwimpel\C\bin；C:\Maven\apache-Maven-3.3.9\bin；C:\ProgramFiles\Java\jdk1.8.0\U 65\bin；C:\Users\hatch\AppData\Roaming\npm
10详细的生命周期反应-app@1.0.0~start:CWD:C:\node\reactApp
11.作出反应-app@1.0.0~start:Args:['/d/s/c'，'webpack dev server--hot']
12.作出反应-app@1.0.0~start:Returned:code:1信号：null
13信息生命周期反应-app@1.0.0~start:无法执行启动脚本
14详细堆栈错误：react-app@1.0.0start:`webpack dev server--hot`
14详细堆栈退出状态1
14 EventEmitter上的详细堆栈。（C:\Program Files\nodejs\node\u modules\npm\lib\utils\lifecycle.js:255:16）
14 emitTwo上的详细堆栈（events.js:106:13）
14 EventEmitter.emit上的详细堆栈（events.js:191:7）
14子进程上的详细堆栈。（C:\Program Files\nodejs\node\u modules\npm\lib\utils\spawn.js:40:14）
14 emitTwo上的详细堆栈（events.js:106:13）
14 ChildProcess.emit上的详细堆栈（events.js:191:7）
14 maybeClose的详细堆栈（internal/child_process.js:877:16）
14 Process.ChildProcess.\u handle.onexit处的详细堆栈（internal/child\u Process.js:226:5）
15详细的pkgid反应-app@1.0.0
16详细cwd C:\node\reactApp
17错误窗口\u NT 6.1.7601
18错误argv“C:\\Program Files\\nodejs\\node.exe”“C:\\Program Files\\nodejs\\node\u modules\\npm\\bin\\npm cli.js”“start”
19错误节点v6.9.4
20错误npm v3.10.10
21错误代码ELIFECYCLE
22错误反应-app@1.0.0start:`webpack dev server--hot`
22错误退出状态1
23在react时出错-app@1.0.0启动脚本“webpack dev server--hot”。
23错误确保已安装最新版本的node.js和npm。
23错误如果您这样做，这很可能是react应用程序包的问题，
23与npm本身无关的错误。
23错误告诉作者此操作在您的系统上失败：
23错误网页包开发服务器--热
23错误您可以通过以下方式获取有关如何打开此项目问题的信息：
23错误npm错误反应应用程序
23错误或如果不可用，您可以通过以下方式获取他们的信息：
23错误npm所有者ls react应用程序
23错误上面可能有额外的日志输出。
24详细退出[1，true]

我不明白问题出在哪里？我想它无法导入App.jsx

有人看到问题了吗

---

我使用的是Windows 7、Node 6.9.4和NPM 3.10.10

输出路径必须是绝对路径，而不是相对路径。您的

\

是相对于当前路径的，

C:\Users…

将是绝对路径

或者，您可以在webpack.config.js中动态确定绝对路径：

path:\uu目录名，

---

输出路径必须是绝对路径，而不是相对路径。您的

\

是相对于当前路径的，

C:\Users…

将是绝对路径

或者，您可以在webpack.config.js中动态确定绝对路径：

path:\uu目录名，

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'start' ]
2 info using npm@3.10.10
3 info using node@v6.9.4
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle react-app@1.0.0~prestart: react-app@1.0.0
6 silly lifecycle react-app@1.0.0~prestart: no script for prestart, continuing
7 info lifecycle react-app@1.0.0~start: react-app@1.0.0
8 verbose lifecycle react-app@1.0.0~start: unsafe-perm in lifecycle true
9 verbose lifecycle react-app@1.0.0~start: PATH: C:\Program Files\nodejs\node_modules\npm\bin\node-gyp-bin;C:\node\reactApp\node_modules\.bin;C:\ProgramData\Oracle\Java\javapath;C:\oracle\product\10.2.0\client_1\bin;C:\Program Files\Common Files\Microsoft Shared\Microsoft Online Services;C:\Program Files (x86)\Common Files\Microsoft Shared\Microsoft Online Services;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;c:\Program Files (x86)\Hewlett-Packard\HP ProtectTools Security Manager\Bin\;c:\Program Files\Intel\DMIX;C:\Program Files (x86)\Intel\Services\IPT\;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x86;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x64;C:\Strawberry\perl\bin;C:\Strawberry\perl\site\bin;C:\Strawberry\c\bin;C:\Dwimperl\perl\bin;C:\Dwimperl\perl\site\bin;C:\Dwimperl\c\bin;C:\Maven\apache-maven-3.3.9\bin;C:\Program Files\Java\jdk1.8.0_65\bin;C:\Maven\apache-maven-3.3.9\bin;C:\php;C:\Program Files\nodejs\;C:\ProgramData\Oracle\Java\javapath;C:\oracle\product\10.2.0\client_1\bin;C:\Program Files\Common Files\Microsoft Shared\Microsoft Online Services;C:\Program Files (x86)\Common Files\Microsoft Shared\Microsoft Online Services;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;c:\Program Files (x86)\Hewlett-Packard\HP ProtectTools Security Manager\Bin\;c:\Program Files\Intel\DMIX;C:\Program Files (x86)\Intel\Services\IPT\;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x86;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x64;C:\Strawberry\perl\bin;C:\Strawberry\perl\site\bin;C:\Strawberry\c\bin;C:\Dwimperl\perl\bin;C:\Dwimperl\perl\site\bin;C:\Dwimperl\c\bin;C:\Maven\apache-maven-3.3.9\bin;C:\Program Files\Java\jdk1.8.0_65\bin;C:\Users\hatch\AppData\Roaming\npm
10 verbose lifecycle react-app@1.0.0~start: CWD: C:\node\reactApp
11 silly lifecycle react-app@1.0.0~start: Args: [ '/d /s /c', 'webpack-dev-server --hot' ]
12 silly lifecycle react-app@1.0.0~start: Returned: code: 1  signal: null
13 info lifecycle react-app@1.0.0~start: Failed to exec start script
14 verbose stack Error: react-app@1.0.0 start: `webpack-dev-server --hot`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:255:16)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at EventEmitter.emit (events.js:191:7)
14 verbose stack     at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:40:14)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at ChildProcess.emit (events.js:191:7)
14 verbose stack     at maybeClose (internal/child_process.js:877:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid react-app@1.0.0
16 verbose cwd C:\node\reactApp
17 error Windows_NT 6.1.7601
18 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
19 error node v6.9.4
20 error npm  v3.10.10
21 error code ELIFECYCLE
22 error react-app@1.0.0 start: `webpack-dev-server --hot`
22 error Exit status 1
23 error Failed at the react-app@1.0.0 start script 'webpack-dev-server --hot'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the react-app package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     webpack-dev-server --hot
23 error You can get information on how to open an issue for this project with:
23 error     npm bugs react-app
23 error Or if that isn't available, you can get their info via:
23 error     npm owner ls react-app
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]