http://www.jianshu.com/users/...
上面是原网址
我的代码是这样的
目录如下
>F盘
>>Project-stuf
>>>public
index.html
bundle.js
>>>app
Greeter.js
main.js
>>>node_modules
package.json
webpack.config.js
代码内容如下
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Webpack Sample Project</title>
</head>
<body>
<p id='root'>
</p>
<script src="bundle.js"></script>
</body>
</html>
Greeter.js
module.exports = function() {
var greet = document.createElement('p');
greet.textContent = "Hi there and greetings!";
return greet;
};
//main.js 用来把greeter模块返回的节点插入页面
var greeter = require('./Greeter.js');
document.getElementById('root').appendChild(greeter());
webpack.config.js
module.exports = {
devtool: 'eval-source-map',//配置生成Source Maps，选择合适的选项
entry: __dirname + "./app/main.js",//已多次提及的唯一入口文件
output: {
path: __dirname + "./public",//打包后的文件存放的地方
filename: "bundle.js"//打包后输出文件的文件名
}
devServer: {
contentBase: "./public",//本地服务器所加载的页面所在的目录
colors: true,//终端中输出结果为彩色
historyApiFallback: true,//不跳转
inline: true//实时刷新
}
}
package.json里面也把start项改成了"start": "webpack-dev-server --inline"
当我在终端npm start的时候 就给了我以下的提示
0 info it worked if it ends with ok
1 verbose cli [ 'D:Program Filesnodejsnode.exe',
1 verbose cli 'D:Program Filesnodejsnode_modulesnpmbinnpm-cli.js',
1 verbose cli 'start' ]
2 info using npm@3.8.9
3 info using node@v6.2.0
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle project-stuf@1.0.0~prestart: project-stuf@1.0.0
6 silly lifecycle project-stuf@1.0.0~prestart: no script for prestart, continuing
7 info lifecycle project-stuf@1.0.0~start: project-stuf@1.0.0
8 verbose lifecycle project-stuf@1.0.0~start: unsafe-perm in lifecycle true
9 verbose lifecycle project-stuf@1.0.0~start: PATH: D:Program Filesnodejsnode_modulesnpmbinnode-gyp-bin;F:project-stufnode_modules.bin;D:Program Filesnodejs;C:Program FilesBroadcomBroadcom 802.11 Network Adapter;C:Program Files (x86)NVIDIA CorporationPhysXCommon;C:Program Files (x86)InteliCLS Client;C:Program FilesInteliCLS Client;C:WINDOWSsystem32;C:WINDOWS;C:WINDOWSSystem32Wbem;C:WINDOWSSystem32WindowsPowerShellv1.0;C:Program FilesIntelIntel(R) Management Engine ComponentsDAL;C:Program FilesIntelIntel(R) Management Engine ComponentsIPT;C:Program Files (x86)IntelIntel(R) Management Engine ComponentsDAL;C:Program Files (x86)IntelIntel(R) Management Engine ComponentsIPT;C:Program FilesWIDCOMMBluetooth Software;C:Program FilesWIDCOMMBluetooth Softwaresyswow64;D:Program Filesnodejs;D:Program FilesSublime Text 3sublime_text.exe;C:UsersfanAppDataRoamingnpm
10 verbose lifecycle project-stuf@1.0.0~start: CWD: F:project-stuf
11 silly lifecycle project-stuf@1.0.0~start: Args: [ '/d /s /c',
11 silly lifecycle 'node_modules/webpack-dev-server/bin/webpack-dev-server --inline' ]
12 silly lifecycle project-stuf@1.0.0~start: Returned: code: 1 signal: null
13 info lifecycle project-stuf@1.0.0~start: Failed to exec start script
14 verbose stack Error: project-stuf@1.0.0 start: node_modules/webpack-dev-server/bin/webpack-dev-server --inline
14 verbose stack Exit status 1
14 verbose stack at EventEmitter.<anonymous> (D:Program Filesnodejsnode_modulesnpmlibutilslifecycle.js:245: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> (D:Program Filesnodejsnode_modulesnpmlibutilsspawn.js:24: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:850:16)
14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:215:5)
15 verbose pkgid project-stuf@1.0.0
16 verbose cwd F:project-stuf
17 error Windows_NT 10.0.14393
18 error argv "D:Program Filesnodejsnode.exe" "D:Program Filesnodejsnode_modulesnpmbinnpm-cli.js" "start"
19 error node v6.2.0
20 error npm v3.8.9
21 error code ELIFECYCLE
22 error project-stuf@1.0.0 start: node_modules/webpack-dev-server/bin/webpack-dev-server --inline
22 error Exit status 1
23 error Failed at the project-stuf@1.0.0 start script 'node_modules/webpack-dev-server/bin/webpack-dev-server --inline'.
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 project-stuf package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error node_modules/webpack-dev-server/bin/webpack-dev-server --inline
23 error You can get information on how to open an issue for this project with:
23 error npm bugs project-stuf
23 error Or if that isn't available, you can get their info via:
23 error npm owner ls project-stuf
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]
这是整个错误日志
但是我node-v npm-v之后我的版本都是最新的，那剩下的的就可能是我的文件夹命名不对吗？我其他的文件都和教程里面命名一样 除了根目录project-stuf
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
你错误信息应该是不全的吧，这段上面应该还有一段……
表示文件路径的
__dirname + './app/main.js'的写法有问题吧？用
path.join或者path.resolve来处理文件路劲