Невозможно переключиться из JS в TS в ионных 2

Question

Я изменил файл расширение моего приложение файлов, включая приложение/app.js

Error: Cannot find module 'app/app.js' from 'app_folder'

Он не говорит мне, какой файл я должен смотреть для исправления ошибки.

Я пробовал посмотреть с git grep и немного прочитать точки входа Angular2, чтобы узнать, где он загружен, но пока не повезло.

Answer 1

Использование машинопись в проект Ionic2 не только переключение расширения файлов ;-)

Вам необходимо интегрировать машинописи компилятор в Глоток с gulp-tsc' плагин:

var typescript = require('gulp-tsc'); 

(...) 

gulp.task('compile', function() { 
    gulp.src(paths.src) 
    .pipe(typescript({ 
     emitError: false 
    })) 
    .pipe(gulp.dest('www/js/')) 
}); 

Эта страница может помочь вы:

• https://github.com/driftyco/ionic-typescript-example

Answer 2

Тьерри Темплер поставил меня на правильный путь, и вот ответ.

Документация на случай, если кто-то еще задается вопросом.

Ionic2 отличается от ionic1, в основном использует браузер. Для того, чтобы перейти от ES6 к TS, вам потребуется для настройки typscirpt для вашего проекта и установить зависимость, например, так:

1. в gulpfile.js изменениях var buildBrowserify = require('ionic-gulp-browserify-es2015');
   для var buildBrowserify = require('ionic-gulp-browserify-typescript');
2. в package.json изменениях ionic-gulp-browserify-es2015": "^1.0.2"
   для "ionic-gulp-browserify-typescript": "^1.0.0"

3. Install typescript

   3.1 npm install typings --global

   3,2 tsd query node --action install --save

4. Убедитесь, что файл your_app/typings/main.d.ts
   с содержанием: /// <reference path="main/ambient/es6-shim/index.d.ts" />

5. , наконец, tsconfig.json файл

   tsconfig{ "compilerOptions": { "target": "es5", "module": "commonjs", "emitDecoratorMetadata": true, "experimentalDecorators": true }, "filesGlob": [ "**/*.ts", "!node_modules/**/*" ], "exclude": [ "node_modules", "typings/main", "typings/main.d.ts" ], "compileOnSave": false, "atom": { "rewriteTsconfig": false } }