將Automapper導入到angular2 webpack項目

我想在Angular2 webpack項目中使用ts automapper libary，但不知道如何導入或包含它。如何做到這一點的例子會很好。將Automapper導入到angular2 webpack項目

2016-10-19 doorman

有可能是更好的方式與此庫的工作，但是，我已經在我的項目做的是這個

/** test.component.ts 
    ** Please note that you need to change Path as this is referenced to my node_module and probably it's different in your end. 
    **/ 

/// <reference path="../../../../node_modules/automapper-ts/dist/automapper.d.ts" /> 

import {Component, OnInit} from '@angular/core'; 

@Component({ 
    selector: 'test-component', 
}) 
export class TestComponent implements OnInit { 
    private jsonObj; 
    constructor() { 
    automapper.map("JSON", "newType", this.jsonObj); 
    } 

    ngOnInit() { 
    } 
}

請記住我已經修改了tsconfig.json文件來得到那個工作。

"moduleResolution": "node",

到

"moduleResolution": "classic",

來源

2016-10-20 07:44:22 Majid

感謝您的建議。你使用的是webpack嗎？如果你像這樣引用它，你是否在automapper中獲得所有intellisense？ – doorman

是的，我正在使用Webpack，就我的工作而言，它工作正常。試一試。 – Majid

我希望你已經找到了有效的解決方案。您提出的完全相同的問題已經在圖書館的GitHub頁面發佈和回答：https://github.com/loedeman/AutoMapper/issues/17。

簡而言之：

使用NPM安裝automapper-TS庫：NPM安裝automapper-TS --save
以下行添加到該文件typings.d.ts：申報模塊「automapper -ts';
的automapper-TS縮小的JS文件添加到在角cli.json腳本數組：「../node_modules/automapper-ts/dist/automapper.min.js」
導入在步驟2中創建的模塊在你的模塊/組件文件中：import {} from'automapper-ts';

現在您應該可以使用automapper全局變量了。

來源

2017-06-22 07:18:51 DotBert

我想補充一點，在你的模塊/組件'import'automapper -ts/dist/automapper';' –

我的兩分錢在這段對話：

在你tsconfig.json文件請確保你有你的typings.d.ts正道文件

「typeRoots」：「 node_modules/@類型「」 ../src/typings.d.ts」 ]，

否則，你可能會得到一些討厭的「automapper沒有定義」的錯誤。

來源

2018-02-11 02:44:25

將Automapper導入到angular2 webpack項目

回答

相關問題