Javascript 通过import语句将AngularJS和ES6项目集成到AngularMaps的最佳方法

我在一个项目的前端工作，在这个项目中使用Angular v-1.5和ES6。我正在尝试将GMAPSAPI集成到项目中

由于目前还没有针对ES6的google官方文档，因此我使用angular-ui（）提供的angular google maps（）来做同样的事情

然而，问题是我找不到任何例子或固体材料来做同样的事情。 我尝试通过一种显而易见的方式来实现，我们在ES6中实现，即npm安装，然后将其导入到我们的应用程序中。但这不起作用。结果证明我不能进口lodash

请参见lodash的问题：

（a）

（b）

我尝试了lodash的一位撰稿人在评论中提到的这些解决方案：

（a）

（b）

但它们不起作用

我仍然无法在互联网上找到任何解决这个问题的方法。我得到一个错误：

未捕获引用错误：\未定义

这显然是由于缺少lodash常数（ux）

不幸的是，如果没有任何结果，我必须返回到ES5，这将再次消耗大量时间，因为我将不得不更改项目的结构，并将整个语法更改为ES5

我正面临着同样的问题。 见：

我的app.js文件：

import angular from 'angular';

// Import our app config files
import constants  from './config/app.constants';
import appConfig  from './config/app.config';
import appRun     from './config/app.run';

import 'angular-ui-router';

import 'angular-ui-bootstrap';

import 'angular-google-maps';

import fp from 'lodash/fp';
const _ = fp();

// Import our templates file (generated by Gulp)
import './config/app.templates';
// Import our app functionaity
import './layout';
import './components';
import './home';
import './profile';
import './services';
import './auth';
import './settings';
import './dashboard';
import './maps';


// Create and bootstrap application
const requires = [
  'ui.router',
  'ui.bootstrap',
  'uiGmapgoogle-maps',
  '_',
  'templates',
  'app.layout',
  'app.components',
  'app.home',
  'app.profile',
  'app.article',
  'app.services',
  'app.auth',
  'app.settings',
  'app.dashboard',
  'app.map'
];

// Mount on window for testing
window.app = angular.module('app', requires);

angular.module('app').constant('AppConstants', constants);

angular.module('app').config(appConfig);

angular.module('app').run(appRun);

angular.bootstrap(document, ['app'], {
  strictDi: true
});

您需要包含/加载（通过网页包）lodash：最快的方法是将其包含在html中：

<script src='https://cdn.jsdelivr.net/lodash/4.15.0/lodash.min.js'> </script>

我在让它与ES6正常工作时也遇到了一些问题，github上发布了一个问题：