如何使房源与angular4 aot协同工作

Question

使用systemjs.config.js导入存档的正确方法是什么。我的AOT由于房客而失败了。我的项目是一个基于https://github.com/filipesilva/angular-quickstart-lib的组件库。

我在package.json中使用：“送交”："4.17.4“和”@类型/住所“："4.14.68”

以下是我的systemjs.config.js

(职能(全球){

System.config({

paths: {

  // paths serve as alias

  'npm:': 'node_modules/'

},

// map tells the System loader where to look for things

map: {

  // our app is within the app folder

  app: 'app',

  // angular bundles

  '@angular/core': 'npm:@angular/core/bundles/core.umd.js',

  '@angular/common': 'npm:@angular/common/bundles/common.umd.js',

  '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',

  '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',

  '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',

  '@angular/http': 'npm:@angular/http/bundles/http.umd.js',

  '@angular/router': 'npm:@angular/router/bundles/router.umd.js',

  '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',

  // other libraries

  'rxjs':                      'npm:rxjs',

    'primeng': 'npm:primeng',

    'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js',

  'angular-quickstart-lib': 'npm:angular-quickstart-lib/bundles/angular-quickstart-lib.umd.js',

    'lodash': 'npm:lodash/lodash.js'

},

// packages tells the System loader how to load when no filename and/or no extension

packages: {

  app: {

    defaultExtension: 'js',

      meta: {

          './*.js': {

              loader: 'systemjs-angular-loader.js'

          }

      }

  },

  rxjs: {

    defaultExtension: 'js'

  },

    'primeng': {defaultExtension: 'js'},

    'angular-quickstart-lib': {

        main: 'index.js',

        defaultExtension: 'js',

        meta: {

            './*.js': {

                loader: 'systemjs-angular-loader.js'

            }

        }

    },

    'lodash':{

      main: 'index.js',

      defaultExtension: 'js'

    }

}

})；

}(这)；

我将按以下import * as _ from 'lodash';方式导入lodash

但是在AOT的时候，我得到的是跟随错误。(node:5810) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: 'cloneDeep' is not exported by node_modules/lodash/lodash.js (node:5810) DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

请帮帮忙。

Answer 1

非常肯定的是，您的配置映射不对，而不是这样：

'lodash': 'npm:lodash/lodash.js'它应该是：'lodash': 'npm:lodash/index.js'

这就是index.js内部的东西

module.exports = require('./lodash');