एकीकृत एडब्ल्यूएस-sdk देता है "मॉड्यूल नहीं खोजा जा सका 'धारा'"

Question

मैंने कोशिश की इन

• error TS2304: Cannot find name 'Buffer',
• https://github.com/aws/aws-sdk-js/issues/994 और
• Using aws-sdk with angular2

मेरे typings और @ प्रकार/लगता है कि नोड ठीक से स्थापित किया गया है। यहाँ त्रुटि विवरण हैं:

/Users/ishandutta2007/Documents/Projects/myproj/node_modules/aws-sdk/lib/http_response.d.ts (1, 25) में त्रुटि: मॉड्यूल नहीं खोजा जा सका 'धारा '।) /Users/ishandutta2007/Documents/Projects/myproj/node_modules/aws-sdk/lib/http_response.d.ts (14,18): नहीं खोजा जा सका नाम'। बफर ')

tsconfig .json

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "outDir": "./dist/out-tsc", 
    "baseUrl": "src", 
    "sourceMap": true, 
    "declaration": false, 
    "moduleResolution": "node", 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "target": "es5", 
    "typeRoots": [ 
     "node_modules/@types" 
    ], 
    "lib": [ 
     "es2016", 
     "dom" 
    ] 
    } 
} 

package.json

{ 
    "name": "reactvidsangular", 
    "version": "0.0.0", 
    "license": "MIT", 
    "scripts": { 
    "ng": "ng", 
    "start": "webpack-dev-server --port=4200", 
    "build": "webpack", 
    "test": "karma start ./karma.conf.js", 
    "lint": "ng lint", 
    "e2e": "protractor ./protractor.conf.js", 
    "prepree2e": "npm start", 
    "pree2e": "webdriver-manager update --standalone false --gecko false --quiet" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/common": "^2.4.0", 
    "@angular/compiler": "^2.4.0", 
    "@angular/core": "^2.4.0", 
    "@angular/forms": "^2.4.0", 
    "@angular/http": "^2.4.0", 
    "@angular/platform-browser": "^2.4.0", 
    "@angular/platform-browser-dynamic": "^2.4.0", 
    "@angular/router": "^3.4.0", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "^6.0.66", 
    "angular2-social-login": "^2.1.0", 
    "aws-sdk": "^2.32.0", 
    "core-js": "^2.4.1", 
    "jquery": "^3.2.1", 
    "mystartup_commons": "bitbucket:ishan_dutta/mystartup_commons", 
    "ng2-bootstrap": "^1.4.2", 
    "rxjs": "^5.1.0", 
    "zone.js": "^0.7.6" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.0.0-rc.4", 
    "@angular/compiler-cli": "^2.4.0", 
    "autoprefixer": "^6.5.3", 
    "codelyzer": "~2.0.0", 
    "css-loader": "^0.26.1", 
    "cssnano": "^3.10.0", 
    "exports-loader": "^0.6.3", 
    "file-loader": "^0.10.0", 
    "istanbul-instrumenter-loader": "^2.0.0", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "json-loader": "^0.5.4", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.0.0", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "karma-sourcemap-loader": "^0.3.7", 
    "less-loader": "^2.2.3", 
    "postcss-loader": "^0.13.0", 
    "postcss-url": "^5.1.2", 
    "protractor": "~5.1.0", 
    "raw-loader": "^0.5.1", 
    "sass-loader": "^4.1.1", 
    "script-loader": "^0.7.0", 
    "source-map-loader": "^0.1.5", 
    "style-loader": "^0.13.1", 
    "stylus-loader": "^2.4.0", 
    "ts-node": "~2.0.0", 
    "tslint": "~4.5.0", 
    "typescript": "~2.0.0", 
    "url-loader": "^0.5.7", 
    "webpack-dev-server": "~2.3.0" 
    } 
} 

app.component.ts

declare module 'aws-sdk' { 
    var foo:any; 
    export = foo; 
} 

import * as AWS from 'aws-sdk'; 
....... 
....... 

@Component({selector: 'app-basic', templateUrl: './app.component.html', styleUrls: ['./app.component.css']}) 
export class AppComponent { 
    countReactions(myprefix) { 
    var s3 = new AWS.S3(); 
    var params = { 
     Bucket: 'mybucket', 
     Prefix: myprefix, 
    }; 
    s3.listObjectsV2(params, function (err, data) { 
     if (err) 
     console.log(err, err.stack); // an error occurred 
     else 
     console.log(data); // successful response 
     } 
    ); 
    } 
} 

Answer 1

मैं मेरे लिए एक समाधान नहीं मिला।

आप aws-sdk के लिए टाइपिंग परिभाषाओं स्थापित करने की आवश्यकता:

npm install --save-dev @types/aws-sdk 

मुझे लगता है कि के दौरान NPM से अवैध सहकर्मी निर्भरता के बारे में कुछ त्रुटियों मिला है, लेकिन यह वैसे भी काम किया।

हालांकि आपके आवेदन को संकलित करते समय आपको एक और त्रुटि मिल सकती है, यह बताते हुए कि aws-sdk में उपयोग किए गए आयात वाक्यविन्यास ECMAScript2015 के साथ संगत नहीं है। अंत में काम करने के लिए मुझे tsconfig.app.json में "es2015" के बजाय compilerOptions.module"es5" को बदलना पड़ा।

Answer 2

में tsconfig.app.json फ़ाइल प्रकारों के लिए "नोड" है कि कोणीय CLI के रूप में नीचे src निर्देशिका में बनाता जोड़ना:

{ 
    "extends": "../tsconfig.json", 
    "compilerOptions": { 
    "outDir": "../out-tsc/app", 
    "module": "es2015", 
    "baseUrl": "", 
    "types": ["node"] 
    }, 
    "exclude": [ 
    "test.ts", 
    "**/*.spec.ts" 
    ] 
} 

इन TypeScript docs के आधार पर:

"प्रकार" निर्दिष्ट करें: [] @types संकुल के स्वचालित समावेशन को अक्षम करने के लिए

प्रकारों के बाद से खाली, यह नोड टाइपिंग को छोड़कर है जिसे आपने एनपीएम इंस्टॉल @ प्रकार/नोड के माध्यम से स्थापित किया है।