Question

我正在使用vue将google地图导入到我的应用程序中

但是导入后它不允许我运行我的应用程序。

import Vue from 'vue'
import App from './App.vue'
import * as VueGoogleMaps from "vue2-google-maps";

Vue.use(VueGoogleMaps, {
  load: {
    key: "",
    libraries: "places" // necessary for places input
  }
});
new Vue({
  el: '#app',
  render: h => h(App)
})

这是我得到的错误

Failed to compile.

/Users/temporary/node_modules/vue2-google-maps/dist/components/infoWindow.vue
Module not found: Error: Can't resolve 'babel-loader' in '/Users/temporary/node_modules/vue2-google-maps/dist/components'
 @ /Users/temporary/node_modules/vue2-google-maps/dist/components/infoWindow.vue 4:0-161 5:0-174
 @ /Users/temporary/node_modules/vue2-google-maps/dist/main.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Answer 1

您为此项目使用vue-cli吗？如果是这样，您应该能够做到：

npm install --save-dev babel-loader

（或者，如果您使用的是yarn）

yarn add --dev babel-loader

如果您不使用vue-cli，则仍然需要使用上述方法安装babel-loader，但还必须将其添加到webpack配置中。

>

有关babel-loader的更多信息：

出现错误“找不到编译模块失败：错误：无法解析'babel-loader'

1 个答案: