webpack在安装xxx-loader的时候会报错

Question

vue_webpack@1.0.0 /Users/ezreally/WebstormProjects/vue_webpack
+-- UNMET PEER DEPENDENCY babel-core@^6.8.0
+-- UNMET PEER DEPENDENCY babel-loader@^6.2.4
+-- UNMET PEER DEPENDENCY babel-plugin-transform-runtime@^6.8.0
+-- UNMET PEER DEPENDENCY babel-preset-es2015@^6.6.0
+-- UNMET PEER DEPENDENCY babel-runtime@^6.0.0
+-- UNMET PEER DEPENDENCY css-loader@*
+-- UNMET PEER DEPENDENCY vue-hot-reload-api@^1.2.0
+-- UNMET PEER DEPENDENCY vue-html-loader@^1.0.0
+-- vue-loader@8.5.2  extraneous
`-- UNMET PEER DEPENDENCY vue-style-loader@^1.0.0

npm WARN vue-loader@8.5.2 requires a peer of babel-loader@^6.2.4 but none was installed.
npm WARN vue-loader@8.5.2 requires a peer of babel-core@^6.8.0 but none was installed.
npm WARN vue-loader@8.5.2 requires a peer of babel-plugin-transform-runtime@^6.8.0 but none was installed.
npm WARN vue-loader@8.5.2 requires a peer of babel-runtime@^6.0.0 but none was installed.
npm WARN vue-loader@8.5.2 requires a peer of babel-preset-es2015@^6.6.0 but none was installed.
npm WARN vue-loader@8.5.2 requires a peer of css-loader@* but none was installed.
npm WARN vue-loader@8.5.2 requires a peer of vue-html-loader@^1.0.0 but none was installed.
npm WARN vue-loader@8.5.2 requires a peer of vue-style-loader@^1.0.0 but none was installed.
npm WARN vue-loader@8.5.2 requires a peer of vue-hot-reload-api@^1.2.0 but none was installed.
npm WARN vue_webpack@1.0.0 No description
npm WARN vue_webpack@1.0.0 No repository field.

虽然知识警告，但是怎么做才能让它自动管理倚赖关系呢?

Answer 1

你这不是错，就是一些依赖，你装上就好了：

+-- UNMET PEER DEPENDENCY babel-core@^6.8.0
+-- UNMET PEER DEPENDENCY babel-loader@^6.2.4
+-- UNMET PEER DEPENDENCY babel-plugin-transform-runtime@^6.8.0
+-- UNMET PEER DEPENDENCY babel-preset-es2015@^6.6.0
+-- UNMET PEER DEPENDENCY babel-runtime@^6.0.0
+-- UNMET PEER DEPENDENCY css-loader@*
+-- UNMET PEER DEPENDENCY vue-hot-reload-api@^1.2.0
+-- UNMET PEER DEPENDENCY vue-html-loader@^1.0.0
+-- vue-loader@8.5.2  extraneous
`-- UNMET PEER DEPENDENCY vue-style-loader@^1.0.0

这些东西应该都是vue-loader的依赖，之所以它放在peerDependency里，而不是dependency里，还是希望能多放一些管理自由给使用者。但如果你就是单纯的不想看到这些东西，只管：

npm install --save-dev babel-core babel-loader babel-plugin-transform-runtime babel-preset-es2015 babel-runtime css-loader vue-hot-reload-api vue-html-loader vue-style-loader

Answer 2

首先 目前的情况看，不确定你是否安装了它提示的那些包依赖，所以目前的解决方案是：

使用vue-cli来初始化项目，方法为：

npm install vue-cli -g

vue init webpack myVue

当然，如果你不喜欢脚手架式的构建工具，可以根据它的报错提示，逐步安装所缺依赖，知道它可以正常运行~