不能重新聲明塊作用域變量（typescript）

Question

我正在構建一個節點應用程序，並且在.js中的每個文件中用於執行此操作，以便在各種包中執行此操作。

let co = require("co"); 

但要

等，所以使用打字稿似乎只能有一個這樣的聲明在整個項目/需要？ 我對此感到困惑，因爲我認爲let被限制在當前文件中。

我剛剛有一個項目正在工作，但重構後我現在得到這些錯誤到處都是。

有人可以解釋一下嗎？

Answer 1

let用於聲明本地變量存在於block scopes而不是函數作用域。

導入外部模塊的最新首選方法是ES6 syntax反正，其中包含沒有明確的分配：

import * as co from "./co" 

Answer 2

我得到了同樣的問題，我的解決辦法是這樣的：

// *./module1/module1.ts* 
export module Module1 { 
    export class Module1{ 
     greating(){ return 'hey from Module1'} 
    } 
} 


// *./module2/module2.ts* 
import {Module1} from './../module1/module1'; 

export module Module2{ 
    export class Module2{ 
     greating(){ 
      let m1 = new Module1.Module1() 
      return 'hey from Module2 + and from loaded Model1: '+ m1.greating(); 
     } 
    } 
} 

現在我們可以在服務器端使用它：

// *./server.ts* 
/// <reference path="./typings/node/node.d.ts"/> 
import {Module2} from './module2/module2'; 

export module Server { 
    export class Server{ 
     greating(){ 
      let m2 = new Module2.Module2(); 
      return "hello from server & loaded modules: " + m2.greating(); 
     } 
    } 
} 

exports.Server = Server; 

// ./app.js 
var Server = require('./server').Server.Server; 
var server = new Server(); 
console.log(server.greating()); 

並在客戶方太：

// *./public/javscripts/index/index.ts* 

import {Module2} from './../../../module2/module2'; 

document.body.onload = function(){ 
    let m2 = new Module2.Module2(); 
    alert(m2.greating()); 
} 

// ./views/index.jade 
extends layout 

block content 
    h1= title 
    p Welcome to #{title} 
    script(src='main.js') 
    // 
    the main.js-file created by gulp-task 'browserify' below in the gulpfile.js 

，當然，一大口文件所有這一切：

// *./gulpfile.js* 
var gulp = require('gulp'), 
    ts = require('gulp-typescript'), 
    runSequence = require('run-sequence'), 
    browserify = require('gulp-browserify'), 
    rename = require('gulp-rename'); 

gulp.task('default', function(callback) { 

    gulp.task('ts1', function() { 
     return gulp.src(['./module1/module1.ts']) 
      .pipe(ts()) 
      .pipe(gulp.dest('./module1')) 
    }); 

    gulp.task('ts2', function() { 
     return gulp.src(['./module2/module2.ts']) 
      .pipe(ts()) 
      .pipe(gulp.dest('./module2')) 
    }); 

    gulp.task('ts3', function() { 
     return gulp.src(['./public/javascripts/index/index.ts']) 
      .pipe(ts()) 
      .pipe(gulp.dest('./public/javascripts/index')) 
    }); 

    gulp.task('browserify', function() { 
     return gulp.src('./public/javascripts/index/index.js', { read: false }) 
      .pipe(browserify({ 
       insertGlobals: true 
      })) 
      .pipe(rename('main.js')) 
      .pipe(gulp.dest('./public/javascripts/')) 
    }); 

    runSequence('ts1', 'ts2', 'ts3', 'browserify', callback); 
}) 

更新。 當然，分開編譯打印稿文件並不是必需的。 runSequence(['ts1', 'ts2', 'ts3'], 'browserify', callback)作品完美。

Answer 3

我升級

時

一飲而盡，打字稿3.0.2→3.1.0

把它回到3.0.2固定它

Answer 4

使用IIFE(Immediately Invoked Function Expression)，得到這個錯誤IIFE

(function() { 
    all your code is here... 

})();