第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將lodash導(dǎo)入angular2 + typescript應(yīng)用程序

將lodash導(dǎo)入angular2 + typescript應(yīng)用程序

將lodash導(dǎo)入angular2 + typescript應(yīng)用程序我很難嘗試導(dǎo)入lodash模塊。我使用npm + gulp設(shè)置我的項目,并繼續(xù)擊中同一面墻。我嘗試過常規(guī)的lodash,還有l(wèi)odash-es。lodash npm包:(包根文件夾中有一個index.js文件)import * as _ from 'lodash';結(jié)果是:error TS2307: Cannot find module 'lodash'.lodash-es npm包:(在lodash.js中有一個defaut導(dǎo)出我的包根文件夾)import * as _ from 'lodash-es/lodash';結(jié)果是:error TS2307: Cannot find module 'lodash-es'.gulp任務(wù)和webstorm都報告了同樣的問題。有趣的是,這不會返回錯誤:import 'lodash-es/lodash';......但當(dāng)然沒有“_”......我的tsconfig.json文件:{   "compilerOptions": {     "target": "es5",     "module": "system",     "moduleResolution": "node",     "sourceMap": true,     "emitDecoratorMetadata": true,     "experimentalDecorators": true,     "removeComments": false,     "noImplicitAny": false   },   "exclude": [     "node_modules"   ]}我的gulpfile.js:var gulp = require('gulp'),     ts = require('gulp-typescript'),     uglify = require('gulp-uglify'),     sourcemaps = require('gulp-sourcemaps'),     tsPath = 'app/**/*.ts';gulp.task('ts', function () {     var tscConfig = require('./tsconfig.json');     gulp.src([tsPath])         .pipe(sourcemaps.init())         .pipe(ts(tscConfig.compilerOptions))         .pipe(sourcemaps.write('./../js'));});gulp.task('watch', function() {     gulp.watch([tsPath], ['ts']);});gulp.task('default', ['ts', 'watch']);如果我理解正確,我的tsconfig中的moduleResolution:'node'應(yīng)該將import語句指向node_modules文件夾,其中安裝了lodash和lodash-es。我也嘗試了許多不同的導(dǎo)入方式:絕對路徑,相對路徑,但似乎沒有任何工作。有任何想法嗎?如果有必要,我可以提供一個小的zip文件來說明問題。
查看完整描述

3 回答

?
絕地?zé)o雙

TA貢獻(xiàn)1946條經(jīng)驗 獲得超4個贊


步驟1:修改package.json文件以在依賴項中包含lodash。


  "dependencies": {

"@angular/common":  "2.0.0-rc.1",

"@angular/compiler":  "2.0.0-rc.1",

"@angular/core":  "2.0.0-rc.1",

"@angular/http":  "2.0.0-rc.1",

"@angular/platform-browser":  "2.0.0-rc.1",

"@angular/platform-browser-dynamic":  "2.0.0-rc.1",

"@angular/router":  "2.0.0-rc.1",

"@angular/router-deprecated":  "2.0.0-rc.1",

"@angular/upgrade":  "2.0.0-rc.1",

"systemjs": "0.19.27",

"es6-shim": "^0.35.0",

"reflect-metadata": "^0.1.3",

"rxjs": "5.0.0-beta.6",

"zone.js": "^0.6.12",

"lodash":"^4.12.0",

"angular2-in-memory-web-api": "0.0.7",

"bootstrap": "^3.3.6"  }

第2步:我在angular2應(yīng)用程序中使用SystemJs模塊加載器。所以我會修改systemjs.config.js文件來映射lodash。


(function(global) {


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

var map = {

    'app':                        'app', // 'dist',

    'rxjs':                       'node_modules/rxjs',

    'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',

    '@angular':                   'node_modules/@angular',

    'lodash':                    'node_modules/lodash'

};


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

var packages = {

    'app':                        { main: 'main.js',  defaultExtension: 'js' },

    'rxjs':                       { defaultExtension: 'js' },

    'angular2-in-memory-web-api': { defaultExtension: 'js' },

    'lodash':                    {main:'index.js', defaultExtension:'js'}

};


var packageNames = [

    '@angular/common',

    '@angular/compiler',

    '@angular/core',

    '@angular/http',

    '@angular/platform-browser',

    '@angular/platform-browser-dynamic',

    '@angular/router',

    '@angular/router-deprecated',

    '@angular/testing',

    '@angular/upgrade',

];


// add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }

packageNames.forEach(function(pkgName) {

    packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };

});


var config = {

    map: map,

    packages: packages

}


// filterSystemConfig - index.html's chance to modify config before we register it.

if (global.filterSystemConfig) { global.filterSystemConfig(config); }


System.config(config);})(this);

第3步:現(xiàn)在進(jìn)行npm安裝


第4步:在文件中使用lodash。


import * as _ from 'lodash';

let firstIndexOfElement=_.findIndex(array,criteria);


查看完整回答
反對 回復(fù) 2019-07-25
  • 3 回答
  • 0 關(guān)注
  • 893 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號