webpack打包vue.js出问题。

用webpack打包vue项目的时候,一出现问题就跪,根本不知道该怎么调试bug

 cnpm run dev

弹出来

> y@1.0.0 dev F:\Luke\code\Project\share_project\vue_work
> node build/dev-server.js

module.js:491
    throw err;
    ^

Error: Cannot find module 'chalk'
    at Function.Module._resolveFilename (module.js:489:15)
    at Function.Module._load (module.js:439:25)
    at Module.require (module.js:517:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (F:\Luke\code\Project\share_project\vue_work\build\check-versions.js:2:15)
    at Module._compile (module.js:573:30)
    at Object.Module._extensions..js (module.js:584:10)
    at Module.load (module.js:507:32)
    at tryModuleLoad (module.js:470:12)
    at Function.Module._load (module.js:462:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! y@1.0.0 dev: `node build/dev-server.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the y@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\LeonFang\AppData\Roaming\npm-cache\_logs\`2017-10-18T09_39_06_212Z-debug.log`

然后我去找了那个文件夹的2017-10-18T09_39_06_212Z-debug.log文件信息,也没发现有什么有用的内容

0 info it worked if it ends with ok
1 verbose cli [ 'E:\\software\\important_software\\node\\node.exe',
1 verbose cli   'C:\\Users\\LeonFang\\AppData\\Roaming\\npm\\node_modules\\cnpm\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   '--userconfig=C:\\Users\\LeonFang\\.cnpmrc',
1 verbose cli   '--disturl=https://npm.taobao.org/mirrors/node',
1 verbose cli   '--registry=http://registry.npm.taobao.org',
1 verbose cli   'run',
1 verbose cli   'dev' ]
2 info using npm@5.4.1
3 info using node@v8.4.0
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle y@1.0.0~predev: y@1.0.0
6 info lifecycle y@1.0.0~dev: y@1.0.0
7 verbose lifecycle y@1.0.0~dev: unsafe-perm in lifecycle true
8 verbose lifecycle y@1.0.0~dev: PATH: C:\Users\LeonFang\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\bin\node-gyp-bin;F:\Luke\code\Project\share_project\vue_work\node_modules\.bin;C:\ProgramData\Oracle\Java\javapath;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\Qt\Qt5.6.2\5.6\msvc2013_64\bin;C:\Qt\Qt5.6.2WindowsForMingw\5.6\mingw49_32\bin;C:\sqlite;"C:\Program Files\Java\jdk1.8.0_131\bin;C:\Program Files\Java\jdk1.8.0_131\jre\bin;";E:\software\专用\ultraedit;C;\Program Files\MySQL\MySQL Server 5.7\bin;E:\software\important_software\GitHub\Git\bin;E:\software\important_software\GitHub\Git\mingw64\libexec\git-core;C:\Program Files (x86)\Windows Kits\8.1\Windows Performance Toolkit\;C:\Program Files\Microsoft SQL Server\110\Tools\Binn\;E:\software\important_software\node\;E:\software\important_software\python\Scripts\;E:\software\important_software\python\;E:\software\Cracklock\Bin;C:\Users\LeonFang\AppData\Local\Microsoft\WindowsApps;C:\modeltech_10.1c\win32;C:\modeltech64_10.2\win64;C:\MySql\mysql-5.7.18-winx64\bin;E:\software\important_software\node;E:\software\important_software\node\node_modules\npm\bin;C:\Users\LeonFang\AppData\Roaming\npm;
9 verbose lifecycle y@1.0.0~dev: CWD: F:\Luke\code\Project\share_project\vue_work
10 silly lifecycle y@1.0.0~dev: Args: [ '/d /s /c', 'node build/dev-server.js' ]
11 silly lifecycle y@1.0.0~dev: Returned: code: 1  signal: null
12 info lifecycle y@1.0.0~dev: Failed to exec dev script
13 verbose stack Error: y@1.0.0 dev: `node build/dev-server.js`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (C:\Users\LeonFang\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\node_modules\npm-lifecycle\index.js:280:16)
13 verbose stack     at emitTwo (events.js:125:13)
13 verbose stack     at EventEmitter.emit (events.js:213:7)
13 verbose stack     at ChildProcess.<anonymous> (C:\Users\LeonFang\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack     at emitTwo (events.js:125:13)
13 verbose stack     at ChildProcess.emit (events.js:213:7)
13 verbose stack     at maybeClose (internal/child_process.js:927:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
14 verbose pkgid y@1.0.0
15 verbose cwd F:\Luke\code\Project\share_project\vue_work
16 verbose Windows_NT 10.0.15063
17 verbose argv "E:\\software\\important_software\\node\\node.exe" "C:\\Users\\LeonFang\\AppData\\Roaming\\npm\\node_modules\\cnpm\\node_modules\\npm\\bin\\npm-cli.js" "--userconfig=C:\\Users\\LeonFang\\.cnpmrc" "--disturl=https://npm.taobao.org/mirrors/node" "--registry=http://registry.npm.taobao.org" "run" "dev"
18 verbose node v8.4.0
19 verbose npm  v5.4.1
20 error code ELIFECYCLE
21 error errno 1
22 error y@1.0.0 dev: `node build/dev-server.js`
22 error Exit status 1
23 error Failed at the y@1.0.0 dev script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

所以,想问各位,如果遇到cnpm run dev这种webpack问题,应该怎么调bug,会是哪出现问题。。

阅读 8.4k
5 个回答

额,不是Cannot find module 'chalk'写了这个错误么?

啊,这个错误见了很多次了. 是modules没安装全的问题

解决方法:
cnpm/npm 重新安装几遍 (科学上网)


补充:
这个问题吧,如果你cnpm/npm install chalk 仍旧会有其他模块出现错误,我曾手动一个个安装了大概有10个模块,后面仍报错说有模块未安装.
最后我重装了好几次,才没问题.

Error: Cannot find module 'chalk'

所以你引用的chalk模块安装了么?
在工程目录下重新执行cnpm install或者cnpm install chalk试试

依赖都重新装一下试试看

删除node_modules重新安装

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题