关于babel-loader的问题

Question

我在运行Vue项目时，提示以下报错信息
不知道是否是因为babel的版本问题，到解析 Promise 的时候就报错了，有谁知道帮忙解答一下，十分感谢

ERROR in ./~/.npminstall/babel-loader/6.2.5/babel-loader!./~/.npminstall/vue-loader/9.7.0/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
Module not found: Error: Cannot resolve module 'babel-runtime/helpers/extends' in /Users/st/work/vue/Vuex-maizuo/src
 @ ./~/.npminstall/babel-loader/6.2.5/babel-loader!./~/.npminstall/vue-loader/9.7.0/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 7:16-56

ERROR in ./~/.npminstall/babel-loader/6.2.5/babel-loader!./~/.npminstall/vue-loader/9.7.0/vue-loader/lib/selector.js?type=script&index=0!./src/views/home/index.vue
Module not found: Error: Cannot resolve module 'babel-runtime/helpers/extends' in /Users/st/work/vue/Vuex-maizuo/src/views/home
 @ ./~/.npminstall/babel-loader/6.2.5/babel-loader!./~/.npminstall/vue-loader/9.7.0/vue-loader/lib/selector.js?type=script&index=0!./src/views/home/index.vue 7:16-56

ERROR in ./src/vuex/modules/film/mutations.js
Module not found: Error: Cannot resolve module 'babel-runtime/helpers/defineProperty' in /Users/st/work/vue/Vuex-maizuo/src/vuex/modules/film
 @ ./src/vuex/modules/film/mutations.js 7:23-70

ERROR in ./src/vuex/modules/app/mutations.js
Module not found: Error: Cannot resolve module 'babel-runtime/helpers/defineProperty' in /Users/st/work/vue/Vuex-maizuo/src/vuex/modules/app
 @ ./src/vuex/modules/app/mutations.js 7:23-70

ERROR in ./src/vuex/modules/film/actions.js
Module not found: Error: Cannot resolve module 'babel-runtime/core-js/promise' in /Users/st/work/vue/Vuex-maizuo/src/vuex/modules/film
 @ ./src/vuex/modules/film/actions.js 8:15-55

.babelrc

{
  "presets": ["es2015", "stage-2"],
  "plugins": ["transform-runtime"],
  "comments": false
}

只引用一个模块也报错

ERROR in ./src/vuex/modules/film/actions.js
Module not found: Error: Cannot resolve module 'babel-runtime/core-js/promise' in /Users/lt/work/vue/Vuex-maizuo/src/vuex/modules/film
 @ ./src/vuex/modules/film/actions.js 8:15-55

main.js

import 'babel-polyfill'
import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResour from 'vue-resource'
import FastClick from 'fastclick'
// import routerConfig from './routers'
import store from './vuex/store'
// // import App from './App'
//
// Vue.use(VueRouter)
// Vue.use(VueResource)
// const router = new VueRouter({routes: routerConfig})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  // router,
  // store,
  // render: h => h(App),
});
//
// window.addEventListener('load', ()=>{
//   FastClick.attach(document.body)
// })

报错的模块actions.js

import Vue from 'vue'

/**
 * [_get 异步获取数据公共方法]
 * @param  {[String]} options.url    [api地址]
 * @param  {[String]} options.query  [查询参数]
 * @return {[Promise]}        [Promise]
 */
const _get = ({url, query}, commit) => {
  if(commit) commit('START_LOADING')

  let _url
  if(query){
    _url =  `http://m.maizuo.com/v4/api${url}?${query}`
  } else {
    _url = `http://m.maizuo.com/v4/api${url}`
  }

  return Vue.http.get(_url)
    .then((res)=>{
      if( commit ) commit('FINISH_LOADING')
      if(res.status >= 200 && res.status < 300){
        return res.data
      }
      return Promise.reject(new Error(res.status))
    })
}

promis这个模块是有的

完整代码
https://github.com/git-lt/Vue...

Answer 1

https://github.com/babel/babe...

你需要安装多一个 babel-runtime。

npm install babel-runtime --save

Answer 2

安装了还是没有用

Answer 3

babel-runtime 要单独安装一下

Answer 4

我是直接在用cnpm单独安装一个整个babel-runtime
cnpm install --save babel-runtime。

Answer 5

我的解决方案是将node的版本由8.9 降级到了6.8.1 然后就运行正常了 我自己并没有尝试补充安装这个babel-runtime 包，谢谢采纳。
本人Mac 系统，关于node版本的管理，我也没有使用nvm或者n，而是简单粗暴的直接下载官网的对应版本node，然后直接安装，安装之后 node-v就显示的是最新安装的node版本以及自带的npm的版本。

Answer 6

需要额外安装yarn add babel-loader 脚手架命令运行的时候 这个没有生成