javascript 파일의 타이프 스크립트에 정의 파일을 쓰려면 어떻게해야합니까?

Question

궁극적 인 목표는 aurelia 프로젝트 내에서 materialize-css에 대한 초기화 코드를 실행하는 것입니다. I have a related question on this matter하지만 결코 해결되지 않았습니다. 그래서에서 가져 오기에서 구체화 지침을 볼 수있는 (자바 스크립트 파일에 다음을하기로 결정

$('slider').slider; 

:이 문제는 다음과 같다 : 나는 타이프 라이터를 사용하고, 지금까지와 같은 기능을 수행 할 수 없었다 index.html) 정의 파일을 맨 위에 놓습니다. 내가 말한 선언 파일을 작성했을 때, 나는 typescriptlang.org에서 제공하는 지침을 따라이 쓴 :

module initializers { 
    function setUpHome(): void; 
} 

declare module "initializers" { 
    export = initializers; 
} 

을하지만 다음과 같은 오류 얻을 :

A 'declare' modifier is required for a top level declaration in a .d.ts file 

내가 어떤 지침을 appretiate 것입니다.

편집 : 기능 setUpHome

function setUpHome() { 
    console.log("hello"); 
    $('.slider').slider(); 
    $('select').material_select(); 
    $('.button-collapse').sideNav(); 

    var slider = document.getElementById('wordCountSlider'); 
    noUiSlider.create(slider, { 
     start: [0, 6000], 
     connect: true, 
     step: 50, 
     range: { 
     'min': 0, 
     'max': 6000 
     }, 
     format: wNumb({ 
     decimals: 0 
     }) 
    }); 

    slider = document.getElementById('timeRangeSlider'); 
    noUiSlider.create(slider, { 
     start: [0, 5], 
     connect: true, 
     step: 1, 
     range: { 
     'min': 0, 
     'max': 5 
     }, 
     format: wNumb({ 
     decimals: 0 
     }) 
    }); 
    setUpTagSearchFilter(); 
}; 

function setUpTagSearchFilter() { 
    var cities = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('text'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    prefetch: 'assets/cities.json' 
    }); 
    cities.initialize(); 

    var tagfilter = $('#tag-filter'); 
    tagfilter.materialtags({ 
    itemValue: 'value', 
    itemText: 'text', 
    typeaheadjs: { 
     name: 'cities', 
     displayKey: 'text', 
     source: cities.ttAdapter() 
    } 
    }); 
    tagfilter.materialtags('add', { "value": 1 , "text": "Amsterdam" , "continent": "Europe" }); 
    tagfilter.materialtags('add', { "value": 4 , "text": "Washington" , "continent": "America" }); 
    tagfilter.materialtags('add', { "value": 7 , "text": "Sydney" , "continent": "Australia" }); 
} 

Answer 1

My ultimate goal is to execute some initialization code for materialize-css inside an aurelia project. I have a related question on this matter, but it was never solved. The problem is the following: I am using typescript, and have so far been unable to execute functions such as:

$('slider').slider

사실, 이유의 타이프 라이터이 일에서 당신을 유지하지 않을 것이다있다. "실행할 수 없으므로"진단을 위해 더 많은 정보 (예 : 오류 메시지)가 필요하므로 현재 발생한 문제점을 이해하는 것이 쉽지 않습니다.

내 생각에 VSCode/Visual Studio에서 "붉은 불빛"을 보내고 있습니다. 이 경우 타이핑이 설치되지 않았다는 것을 의미합니다. 당신이 실제로 나타내는 새로운 오류 메시지가 강조 코멘트에서

:

typings install dt~materialize-css --global --save

편집 : 당신은 typings cli에 익숙하다면, 당신은 단지 실현 typings를 설치해야합니다 완전히 다른 문제. 이 의미

Error TS2339: Property 'slider' does not exist on type 'ElementFinder.

코드에서 $는, jQuery를 끄는되지 않는 것입니다. 비 테스트 코드에서 각도기 d.ts에 대한 언급을 제외해야합니다. 각도기 입력이 어디에 있는지 잘 모르겠습니다. 따라서 검색을해야 할 것입니다.그들은 typings를 통해 설치되어있는 경우 :

는

typings remove dt~angular-protractor

Answer 2

오류는 단순히 당신이 먼저 모듈을 선언해야하고 당신이 그것을 사용할 수 있습니다 말한다. 또한 당신이 또한 인 ECMAScript 5를 사용하는 경우, 내부 모듈 타이프 1.5 이후 네임 스페이스는 것을 명심 좋은 생각 to turn strict mode on입니다

declare module initializers { 
    export function setUpHome(): void; 
} 

를하고 그것은 좋은 생각이다 : 당신은 한 번에이 두 가지 작업을 수행 할 수 있습니다 다음 네임 스페이스로 선언하십시오. TypeScript doc에서 인용 :

A note about terminology: It’s important to note that in TypeScript 1.5, the nomenclature has changed. “Internal modules” are now “namespaces”. “External modules” are now simply “modules”.

나는이 갈 것입니다 그것을 요약하면 :

declare namescpace initializers { 
    'use strict'; 

    export function setUpHome(): void; 
}