在webpack中打包vue组件时出现路劲错误

Question

在webpack中打包vue组件时：ERROR in ./src/main.js

Module not found: Error: Can't resolve './login' in 'D:webpack-vuesrc' @ ./src/main.js 3:1-29 21:28-33
@ multi (webpack)-dev-server/client?http://localhost:3000 (webpack)/hot/dev-server.js ./src/main.js

换过vue路径也不对。

ERROR in ./src/main.js
Module not found: Error: Can't resolve './login' in 'D:webpack-vuesrc'
@ ./src/main.js 3:1-29 21:28-33
@ multi (webpack)-dev-server/client?http://localhost:3000 (webpack)/hot/dev-server.js ./src/main.js
Child html-webpack-plugin for "index.html":

 1 asset
Entrypoint undefined = index.html
[./node_modules/html-webpack-plugin/lib/loader.js!./src/index.html] 417 bytes {0} [built]
[./node_modules/lodash/lodash.js] 527 KiB {0} [built]
[./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]

i ｢wdm｣: Failed to compile.

它为什么不能解析呢，是路径不对吗？我main.js 里面的相关代码：import Vue from 'vue'

import login from './login'
//import Vue from '../node_modules/vue/dist/vue'

//var login={
// template:'<h1>这灌灌灌灌</h1>'
//}
var vm=new Vue({

el:"#app",
data:{
    msg:'123'
},

// components:{
// login
// }

render:function (createElements) {

  return createElements(login)

}
})

Answer 1

你这个复制太乱了，看起来难道不是login组件加载不到吗，应该是login组件路径的问题。还有vue不应该放上面吗，如果这个login是个vue组件的话