Ionic-framework: ionic2 rc0 browser chrome tidak dapat menemukan file .ts TypeScript

Dibuat pada 29 Sep 2016  ·  84Komentar  ·  Sumber: ionic-team/ionic-framework

ketika saya men-debug di browser chrome, saya tidak dapat menemukan file TypeScript .ts di sana hanya memiliki file .js. saya tidak bisa men-debug seperti sebelumnya.

reply

Komentar yang paling membantu

Kami sedang mengerjakan ini. Ini adalah item prioritas tinggi bagi kami.

Terima kasih,
Dan

Semua 84 komentar

Ini adalah duplikat dari https://github.com/driftyco/ionic/issues/8292 , jadi mari kita lacak di sana. Aku akan menutup ini untuk saat ini.

Terima kasih,
Dan

Ups, itu masalah ini, jadi biarkan terbuka. TERTAWA TERBAHAK-BAHAK!

Terima kasih,
Dan

jika file peta Sumber tidak tersedia di browser untuk kode debug. saya tidak akan dapat bekerja dengan RC ionik!!!!. saya harap tim ionik menyelesaikan masalah ini

Sangat buruk desainnya

Jika saya menjalankan ionic serve , saya memiliki peta sumber untuk /app , /pipes , /providers , dan /pages hilang, tidak ada file typescritp

Jika saya menjalankan ionic serve --lab , saya tidak punya /.tmp

Kami sedang mengerjakan ini. Ini adalah item prioritas tinggi bagi kami.

Terima kasih,
Dan

Senang melihat Ionic sedang mengerjakan ini; hanya +1 di sini karena ini merupakan masalah bagi saya juga, tetapi saya akan mengatasi ini sebaik mungkin dan mencoba menebak ketika saya men-debug :)

FYI - Ini juga memengaruhi mencoba men-debug di Visual Studio Code menggunakan ekstensi alat cordova. Dulu bekerja seperti mimpi baik di browser menggunakan servis dan langsung di perangkat. Sekarang yang saya dapatkan hanyalah output konsol yang masuk, tidak ada breakpoint yang akan menyala.

Ketika saya menjalankan ionic serve , saya melihat peta sumber ke JS yang ditranspilasikan. Cukup mudah untuk men-debug IMO. Apa yang Anda lihat, dan apa yang ingin Anda lihat?

Terima kasih,
Dan

Saya dapat memberi Anda beberapa tangkapan layar dari masalah ini jika Anda mau. Pada dasarnya di versi sebelumnya, chrome debugger akan menampilkan semua file .ts. Sekarang hanya menampilkan main.js. Tidak ada file .ts halaman saya yang muncul. Jika Anda mendapatkan file peta dengan layanan ionik dan dapat men-debug kode di halaman Anda, maka itu lebih baik daripada yang saya alami.

@mirata , itu sama untuk saya.
Saya menggunakan nvm dan mencoba dua instalasi berbeda dari ionik dan dua proyek 'tab' startup yang berbeda, file pages.ts tidak muncul baik dengan versi simpul 4.6.0 dan 6.7.0.

Dalam semua kasus inilah yang saya dapatkan:

ionic2 debug

Sebenarnya skrip ditranspilasikan, dan saya dapat melihat skrip di folder halaman, tetapi saya tidak dapat melihat folder halaman itu di tab sumber,

hanya saran
saya pikir rollup menghapus hubungan antara file peta dan file skrip

@danbucholtz
Saya mengerti bahwa adalah mungkin untuk men-debug file main.js yang ditranspilasikan, dengan semua pages.ts di dalamnya.
Saya juga menerima begitu saja bahwa rollup.js menghasilkan kode yang lebih dioptimalkan daripada webpack.

Bagaimanapun, mungkinkah memiliki skrip ionik sebelumnya dari kombinasi alat webpack-gulp untuk menggunakannya selama pengembangan?

Menurut pendapat saya, jauh lebih mudah untuk melakukan debug dengan file .ts yang terpisah, kemudian memiliki kemungkinan untuk menggunakan rollup.js untuk pembuatan produksi akan menjadi optimal dan sangat dihargai.

@AntonioRossi , saat ini, tidak. Kami akan membuat peta sumber berfungsi. Ini adalah item prioritas tinggi bagi kami.

Saya punya firasat sebagian besar perubahan untuk RC1 akan berada di app-scripts , kecuali ada bug utama yang ditemukan dalam kerangka itu sendiri. Kami mengulangi dengan cepat pada app-scripts karena kami tidak puas dengan apa yang telah kami hasilkan sejauh ini.

Terima kasih,
Dan

@danbucholtz Saya tidak yakin apakah Anda mengatakan bahwa masalah peta sumber tidak akan diperbaiki sampai RC1?

Jika demikian, apakah solusi akan dipublikasikan sebelumnya? Ini adalah masalah yang sangat besar, dan saya _benar-benar_ lebih suka tidak menunggu RC baru dibuat, diuji, dan diterbitkan.

Saya menggunakan Visual Studio untuk membangun dan men-debug proyek beta ionik saya. Namun, sejak rc0, saya bahkan tidak dapat membangun proyek saya menggunakan Visual Studio lagi. Harap dicatat bahwa saya bahkan tidak berbicara tentang men-debug-nya.

@danielabbatt (atau siapa pun yang tahu jawabannya), Anda menyebutkan bahwa Anda juga menggunakan VS. Apakah Anda harus mengubah apa pun di Visual Studio Anda untuk dapat membangun proyek Ionic2 rc0?

@ eddyng8 apakah Anda mengikuti jalur pemutakhiran di Changelog?

Ya saya lakukan. Saya dapat membangun proyek saya menggunakan "ionic build Android" dan menjalankannya di perangkat saya menggunakan "ionic run Android". Jadi, saya tahu saya mengikuti semua yang ada di Changelog dengan benar.

Biarkan saya kembali melacak sedikit. Ketika saya menggunakan ionic2 beta, saya mengikuti artikel berikut untuk membuat proyek ionic2 saya dibangun dan di-debug di VS: https://blogs.msdn.microsoft.com/rido/2016/05/11/ionic2-and-visual-studio/ . Namun, setelah memutakhirkan ionic2 saya ke rc0 dan mengikuti langkah yang sama lagi (minus bagian yang berbicara tentang tegukan karena tegukan yang dibuat dihapus di rc0), saya mendapatkan kesalahan berikut saat menekan F5 di VS:

MSB6006 tsc.exe keluar dengan kode 1. File: Microsoft MDA.FileMirroring.targets line 387

Juga, saya memastikan bahwa VS menggunakan versi Node dan npm yang sama seperti ketika saya melakukan semuanya di baris perintah dengan mengatur jalur alat eksternal seperti yang dijelaskan dalam artikel ini: https://blogs.msdn.microsoft.com/webdev/ 2015/03/19/customize-external-web-tools-in-visual-studio-2015/.

Saya harap seseorang sudah menemukan cara menggunakan ionic2 rc0 di Visual Studio dan dapat membantu saya di sini. Tujuan saya adalah untuk dapat menekan F5 dan menjalankan aplikasi di emulator melalui VS. Dan saya tahu debugging dengan ionic2 rc0 tidak berfungsi. Tetapi ketika berhasil, tentu saja saya ingin dapat men-debug menggunakan VS lagi.

Luar biasa...

VS berjalan baik dengan Ionic2 Beta, tetapi setelah memutakhirkannya ke RC0 saya mendapatkan:

Build:Cannot find module './app.module.ngfactory'

namun, ionic build lolos dan ionic serve juga berfungsi

@xx0r itu mungkin ada di main.prod.ts, menurut saya seperti File Tema sebelumnya yang menautkan ke direktori build, file yang dibuat pada proses build dan tersedia saat Anda melayani ionic di bawah folder tanpa domain di ChromeDevTools di bawah skrip .

mungkin Anda bisa mengomentarinya dan menggunakan parameter --dev di package.json setelah build untuk memaksa build dengan flag dev

Masih belum ada solusi untuk ini?

+1 Juga melihat masalah ini. Adakah solusi kotor sampai kami melihat perbaikan?

@danbucholtz seberapa cepat kita bisa menyelesaikannya?

@konrin ,

Tidak ada timeline saat ini, tetapi ini adalah prioritas tinggi bagi kami dan kami bergerak cepat dengan @ionic/app-scripts .

Terima kasih,
Dan

Tampaknya file JS tersedia untuk debugging saat menggunakan templat sebaris: https://github.com/driftyco/ionic-app-scripts/issues/89

Men-debug komponen halaman tidak mungkin dilakukan atm. namun ketika saya menghapus file js.map saya setidaknya dapat mengatur breakpoints di main.js. kalau tidak, saya terus-menerus diteruskan ke file ngfactory yang tidak mungkin untuk di-debug.

Apakah Anda mengharapkan untuk merilis tambalan sebagai bagian dari rc1, atau akankah tersedia sebelum itu melalui pembaruan ke @ionic/app-scripts ?

Mudah-mudahan ini akan segera keluar - sebelum RC1.

Terima kasih,
Dan

Ini sudah diperbaiki sekarang. Silakan dan perbarui:

npm install @ionic/app-scripts<strong i="6">@latest</strong>

Tolong beri tahu saya jika masih ada beberapa masalah.

Saya akan membuka kembali jika diperlukan.

Terima kasih,
Dan

Hai @danbucholtz ,

Terima kasih atas pembaruannya 👍 , namun sepertinya masalahnya belum sepenuhnya diperbaiki. Saya melihat beberapa masalah ketika

1 - Saya menambahkan breakpoint, aliran program tidak berhenti pada titik itu
2 - tidak menampilkan semua file .ts.

Silakan lihat contoh di bawah ini (langkah-langkah untuk mereproduksi)

  • buat proyek baru ionic start demo --v2
  • memperbarui skrip ( npm install @ionic/app-scripts@latest )

Inilah yang saya lihat di peta sumber

screen shot 2016-10-06 at 3 15 46 pm

namun ini adalah struktur direktori yang sebenarnya

screen shot 2016-10-06 at 3 15 57 pm

atau mungkin saya juga melewatkan sesuatu di sini. :). Saya telah menguji ini dengan Chrome Version 53.0.2785.143 (64-bit)

Semoga ini bisa membantu untuk penyelidikan Anda

Bersulang

Sam

@samaera207 ,

Tangkapan yang bagus. Terima kasih telah memberi tahu kami.

Terima kasih,
Dan

Saya baru saja memutakhirkan ke perbaikan ini dan sekarang rollup tidak dapat menemukan beberapa antarmuka di file Model.ts saya. menghapus pemutakhiran dan kembali ke versi sebelumnya dan berfungsi. -> menyebabkan seluruh build tidak terjadi. sulit bagi saya untuk berbagi ini sekalipun. Saya akan mencoba dan melihat apakah hal yang sama terjadi dengan proyek ionic start

_EDIT_ Pembersihan ionik mulai berfungsi. Sepertinya rollup mengalami masalah dengan antarmuka TypeScript yang memperluas antarmuka lain atau sesuatu. Namun, tidak terkait

@danbucholtz setelah pemutakhiran, ada masalah yang sama seperti di @pascalwhoop dengan menemukan beberapa antarmuka saat membangun aplikasi.

adakah yang punya Ide tentang bagaimana saya bisa mendapatkan pekerjaan debugging dengan Visual Studio 2015? Saya menjalankan pembaruan untuk ionic-app-scripts tetapi tetap saja breakpoint tidak akan dipicu. Namun bekerja dengan beta 11. Ada Ide? Aku hampir menyerah

@Rainson12 lebih baik menyerah dengan RC0 dan terus bekerja dengan Beta 11, itu jauh lebih baik!

@konrin , @pascalwhoop ,

Bisakah Anda memberikan contoh minimal tentang bagaimana menciptakan kembali situasi tersebut. Bisakah Anda memeriksa atribut @ionic/app-scripts package.json version untuk memberi tahu saya versi apa yang Anda jalankan?

Terima kasih,
Dan

@danbucholtz
Versi paket:
@ionic/app-scripts/package.json
"version": "0.0.29"

Contoh kesalahan:

[18:09:30]  bundle dev failed:  Module C:/Projects/test/src/models/contact.ts does not export IContactHistory (imported by C:/Projects/test/src/components/contact-history
-item/contact-history-item.ts)                                                                                                                                                                  
[18:09:30]  Error: Module C:/Projects/test/src/models/contact.ts does not export IContactHistory (imported by C:/Projects/test/src/components/contact-history-item/contact
-history-item.ts)                                                                                                                                                                               
    at Module.trace (C:\Projects\test\node_modules\rollup\dist\rollup.js:7706:29)                                                                                                    
    at ModuleScope.findDeclaration (C:\Projects\test\node_modules\rollup\dist\rollup.js:7329:22)                                                                                     
    at Scope.findDeclaration (C:\Projects\test\node_modules\rollup\dist\rollup.js:5349:39)                                                                                           
    at Identifier.bind (C:\Projects\test\node_modules\rollup\dist\rollup.js:6497:29)                                                                                                 
    at C:\Projects\test\node_modules\rollup\dist\rollup.js:5149:50                                                                                                                   
    at UnaryExpression.eachChild (C:\Projects\test\node_modules\rollup\dist\rollup.js:5166:5)                                                                                        
    at UnaryExpression.bind (C:\Projects\test\node_modules\rollup\dist\rollup.js:5149:7)                                                                                             
    at UnaryExpression.bind (C:\Projects\test\node_modules\rollup\dist\rollup.js:6893:53)                                                                                            
    at C:\Projects\test\node_modules\rollup\dist\rollup.js:5149:50                                                                                                                   
    at BinaryExpression.eachChild (C:\Projects\test\node_modules\rollup\dist\rollup.js:5166:5)

Informasi ionik:

Cordova CLI: 6.3.1
Gulp version:  CLI version 3.9.1
Gulp local:
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
OS:
Node Version: v6.7.0

Di versi sebelumnya, pembuatan proyek berhasil

@konrin ,

Terima kasih. Saya akan mencoba untuk membuat ulang dan melihat apa yang terjadi.

Terima kasih,
Dan

Kami menerbitkan beberapa perbaikan tambahan di sini.

npm install @ionic/app-scripts<strong i="6">@latest</strong>

Ini berfungsi, saya dapat men-debug halaman dan penyedia. kerja bagus @danbucholtz
Terima kasih.

@danbucholtz maaf, tetapi skrip aplikasi versi terbaru tidak menyelesaikan masalah antarmuka yang disebutkan oleh @konrin dan @pascalwhoop

Saya memiliki file ts mandiri yang mengekspor satu antarmuka, dan sepertinya rollup tidak dapat memprosesnya pada ionic serve . Meskipun saya tidak mendapatkan kesalahan saat menjalankan ionic build android jadi setidaknya itu bagus. Untuk referensi, ini adalah kesalahan saat menjalankan ionic serve

[13:45:59] bundle dev failed: Module edit-address/IAddress.ts does not export IAddress (imported by edit-address/edit-address.component.ts)

Meskipun file itu mengekspor antarmuka itu:

export interface IAddress { streetAddress: string, city: string, state: string, zip: string, lat: number, lng: number; }

Saya dapat men-debug di VSCode lagi, terima kasih!

Terima kasih banyak kepada tim Ionic atas kerja kerasnya!

Saya belum meluangkan waktu untuk memeriksa salah satu solusi skrip aplikasi baru yang dirilis baru-baru ini karena saya sedang mengerjakan beberapa hal terkait UI dan back-end saat ini, tetapi saya menghargai pekerjaan kalian lakukan dalam meremas bug yang muncul setelah RC0.

@danbucholtz terima kasih atas pembaruannya sekarang berfungsi dengan "layanan ionik", kami dapat men-debug lagi file ts kami, tetapi kami masih tidak dapat memeriksa atau masuk dengan chrome ketika kami melakukan "ionik run"

Debugging masih tidak berfungsi dengan Visual Studio 2015. Saya menginstal ekstensi runner tugas VS 2015 npm dan menempatkan tugas "watch" setelah acara build (saya juga mencobanya dengan build --dev event". Tapi tetap saja breakpoint tidak akan terkena. Kapan melayang di atas breakpoints saat men-debug bahkan mengatakan: "Breakpoint saat ini tidak akan terkena. Tidak ada kode yang dimuat untuk lokasi kode ini.". Ada saran?

@joshgarwood @konrin @pascalwhoop ,

Bisakah Anda memberikan repo antarmuka, atau memberi tahu saya apa yang saya lakukan salah?

Saya membuat file bernama interface-one.ts

export interface One {
   testOne();
}

Kemudian saya membuat file lain bernama interface-two.ts

import { One }  from './interface-one';
export interface Two extends One {
   testTwo();
}

Saya membuat antarmuka lain untuk menggambarkan bentuk objek yang disebut shape.ts

export interface Shape {
  fieldOne: string;
  fieldTwo: string;
}

Kemudian Halaman/Komponen saya terlihat seperti ini:

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

import { Two } from '../interfaceTwo';

import { Shape } from '../shape';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage implements Two {

  constructor(public navCtrl: NavController) {
  }

  test() {
    console.log('testOne');
  }

  testTwo() {
    this.interfaceMethodTest({
      fieldOne: "test",
      fieldTwo: "testTwo"
    });
  }

  interfaceMethodTest(shape: Shape) {
    console.log('shape: ', shape);
  }
}

Saya menerapkan antarmuka dengan benar. Ini adalah antarmuka yang diperluas. Saya dapat menjalankan ionic serve tanpa masalah. Apa yang saya lakukan salah?

Terima kasih,
Dan

Hei Dan!

Terima kasih atas tindak lanjut yang cepat, dan semua pekerjaan untuk menyelesaikan semuanya!

Bagi saya, saya menggunakan antarmuka murni sebagai tipe. Jadi itu tidak memiliki fungsi apa pun dan tidak ada yang "mengimplementasikannya". Jadi saya punya:

IAddress.ts berkas

export interface IAddress { streetAddress: string, city: string, state: string }

Kemudian saya memiliki file komponen settings-address

import {Component, Input, OnInit} from '@angular/core';
import {NavController, NavParams, Events} from 'ionic-angular';
import {IAddress} from '../../user/directives/edit-address/IAddress';

@Component({
    templateUrl: 'settings-address.html'    
})

export class SettingsAddress {
    address: IAddress =
    {
        city: '',
        lat: 0,
        lng: 0,
        state: '',
        streetAddress: '',
        zip: ''
    };

    constructor(public nav: NavController, private navParams: NavParams, private accountService: AccountService, private events: Events, private alertService: AlertService) {

    }

    ngOnInit() {
      // init stuff here
    }
}

@joshgarwood , dapatkah Anda melihat tes saya yang diperbarui. Hmm, saya melakukan hal yang sama dengan antarmuka shape . Aku ingin tahu apa yang berbeda.

Terima kasih,
Dan

Hei Dan! Hmm, apakah ini tes di komentar Anda, atau di repo di suatu tempat? Saya tidak dapat menemukan antarmuka shape di komentar di atas, jadi saya mungkin melewatkan sesuatu.

Juga, saya menggunakan ionic-app-scripts versi 30, jadi mungkin saya tidak punya yang terbaru? Package.json di kontrol sumber memiliki 30, jadi saya rasa saya sudah up to date.

@danbucholtz saya menyiapkan proyek uji yang mereproduksi kesalahan. Jika Anda mencoba membangun proyek melalui tsc, kesalahan tidak terjadi.

https://github.com/konrin/ion-interface-test

@joshgarwood , @konrin , dan @pascalwhoop ,

Kami pikir kami tahu apa masalahnya dan sedang berusaha mengatasinya.

Terima kasih,
Dan

Debugging _di browser_ bekerja seperti pesona sekarang. Terima kasih!

_Debugging di perangkat masih tidak bisa :(_

@danbucholtz terima kasih atas penyelesaian cepat masalah ini! Ketika Anda yakin apa yang terjadi, maukah Anda berbagi? Untuk tujuan pendidikan.

Saya mencoba menerapkan SQLite di proyek saya, ini mengembalikan kesalahan "Tidak dapat menjalankan sql", sumber: file:///Android_asset/www/build/main.js"

Implementasi di dalam konstruktor:

<br i="7"/> this.database = new SQLite();<br i="8"/><br i="9"/> this.database.openDatabase({<br i="10"/> name: "data.db",<br i="11"/> location: "default"<br i="12"/> }).then(() => {<br i="13"/> this.database.executeSql("create table if not exists people(id INTEGER PRIMARY KEY AUTOINCREMENT, firstname TEXT, lastname TEXT)", [] ).then(() => {<br i="14"/> console.log("TABLE CREATED: ");<br i="15"/> }, (error) => {<br i="16"/> console.error("Unable to execute sql", error);<br i="17"/> }) }, (error) => {<br i="18"/> console.error("Unable to open database", error);<br i="19"/> });

@danbucholtz ada berita tentang kesalahan saat membangun antarmuka?

@konrin , mengerjakannya saat kita bicara.

Terima kasih,
Dan

Terima kasih!

@danbucholtz apakah ini saling terkait? https://github.com/rollup/rollup-plugin-typescript/issues/65

Saya telah menjalankan npm install @ionic/app-scripts@latest pada proyek saya, dan breakpoint TypeScript terkena jika saya menjalankan ionic serve. Sayangnya, ketika saya menjalankan Ionic Serve dari kode Visual Studio, breakpoints mengenai main.js yang ditranskripsikan dan bukan sumber TypeScript :( Apakah ada hal lain yang diperlukan untuk VSCode?

Sebelumnya ketika terjadi kesalahan di browser, konsol menunjukkan kepada saya baris .ts itu, tapi sekarang hanya menunjukkan baris di main.js Benarkah?

selection_070

@adamdbradley dan @danbucholtz bagaimana cara menangani impor antarmuka kesalahan? Saya tidak bisa untuk waktu yang lama untuk membangun proyek - bagi saya itu adalah masalah besar. Itu sedang menunggu pembaruan CLI.

Terima kasih

@konrin Tampaknya ini hanya terjadi ketika antarmuka digunakan di @Input(). Saya berharap mereka memperbaikinya ASAP juga.

Sebagai solusinya, saya menggunakan @Input() inputName: null | MyInterface (untuk beberapa alasan ini bekerja untuk saya, dan ketika mereka memperbaikinya, saya akan mencari semua kemunculan null | dalam proyek saya, hapus dan biarkan saja antarmuka).

@konrin , kami baru saja mendorong perbaikan dan akan segera mulai mengujinya. Berharap untuk segera dikirim.

Terima kasih,
Dan

@cocowalla : Bisakah Anda memberi saya petunjuk cara mengatur debugging dari VS Code. Baru mengenalnya tetapi akan lebih bagus jika saya dapat mengatur breakpoint di sana (terlepas dari masalah saat ini :))
Terima kasih sebelumnya
Muntah

@ralph-fuechtenkort : Saya sarankan Anda melihat ini.

@lucasbasquerotto tip bagus ini memperbaiki kompilasi dan karena ini adalah gabungan, kami mendapatkan dukungan pengetikan penuh. sangat cerdas :-)

@ralph-fuechtenkort Saya tidak ingin menggagalkan utas ini dengan keluar dari topik, tetapi sayangnya GitHub tidak memiliki fasilitas PM. Bagaimanapun, Anda hanya perlu menginstal ekstensi cordova . Informasi lebih lanjut .

Sadarilah bahwa itu tampaknya tidak berfungsi dengan VSCode di RC, bahkan dengan perintah terbaru @danbucholtz .

Masalah yang sama dengan ionic run browser . Tidak ada peta sumber ts di alat dev.

Terkadang saya memiliki masalah bahwa setelah livereload peta sumber hilang dan debugging tidak mungkin. Jika tidak ada livereload yang terjadi, debugging berfungsi dengan baik.

Sepertinya perubahan skrip terbaru telah memperbaiki masalah debugging TypeScript untuk saya. Namun mengubah file html tidak diperbarui secara otomatis jika menggunakan ionic serve . Saya harus memulai ulang setiap kali yang merupakan rasa sakit yang luar biasa. Ada yang mengalami ini?

@mirata ,

Kamu pake versi berapa? Kami menerbitkan dua versi malam ini. Saya pikir ini harus diperbaiki di 0.0.32 , tapi saya bisa saja salah.

Terima kasih,
Dan

@danbucholtz Maaf, tidak apa-apa. Saya membersihkan cache npm saya, menginstal ulang dependensi dan masalah tampaknya telah teratasi.

Maaf menabrak masalah tertutup, tetapi apakah ini terpecahkan?

Saya menggunakan RC1 dengan app-script 0.0.39, menghapus seluruh direktori node-modules , dan menjalankan npm install lagi. Saya tidak dapat menemukan sumber ts di Chrome, hanya sekumpulan file js yang ditranspilasikan di bawah webpack://./.tmp/

Hai, saya baru saja memperbarui skrip aplikasi dan saya mendapatkan masalah yang sama lagi entah bagaimana ...
ts files

tidak ada file ts untuk di-debug
Perintah yang saya gunakan adalah ionic serve dengan:
"build": "pembuatan skrip-aplikasi-ionik --dev",
"watch": "jam tangan skrip-aplikasi-ionik --dev",
" sajikan: sebelum ": "tonton",

Ini telah diperbaiki dan sekarang tidak.

Saya mengujinya menggunakan skrip aplikasi versi 0.0.36 dan berhasil. Tetapi menggunakan skrip aplikasi / versi 0.0.37, 0.0.38 dan 0.0.39 gagal.

Semoga ini membantu.

Saat memperbarui skrip aplikasi atau ionik, saya selalu menghapus folder /.tmp ,
/www, dan /node_modules, lalu jalankan 'npm install', ini banyak menghindari saya
masalah.

Pada Sabtu, 5 November 2016, 3:14 pagi Jose Blanco, [email protected] menulis:

Saya mengujinya menggunakan versi 0.0.36 dan berhasil. Tetapi menggunakan versi
0.0.37, 0.0.38 dan 0.0.39 gagal.

Semoga ini membantu.


Anda menerima ini karena Anda berlangganan utas ini.
Balas email ini secara langsung, lihat di GitHub
https://github.com/driftyco/ionic/issues/8292#issuecomment -258593897,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/ABCQy7lec8ol_EOePINBerSm1TYrKCg4ks5q7B7HgaJpZM4KJ6V6
.

Sepertinya rencananya adalah untuk memperbaiki peta sumber di skrip aplikasi versi 0.0.40.

Anda dapat melihat utas ini, lewati ke bawah -

https://github.com/driftyco/ionic-app-scripts/issues/289

debugging lagi tidak bekerja dengan RC2 dan Appscripts 0.0.43. Mengujinya di VS 2015

@Rainson12 , gunakan Chrome atau browser untuk debugging untuk saat ini. Kami menggunakan pengaturan peta sumber Webpack default sehingga mungkin atau mungkin tidak berfungsi dengan berbagai IDE. Kami akan memperbaiki ini secepatnya.

Terima kasih,
Dan

Saya mencoba 0.0.43 di Chrome. Saya bisa melihat file *.ts. Tapi isinya adalah versi yang agak dimodifikasi dari file *.ts saya (sepertinya WebPack memodifikasinya karena memiliki banyak dekorator WebPack di sana). Saya hanya ingin tahu apakah ini yang diharapkan karena WebPack digunakan alih-alih rollup? Kembali di 0.0.36, saya melihat konten asli file *.ts saat debugging. Saya bisa hidup dengan ini jika ini adalah hasil yang diharapkan. Saya hanya ingin memastikan bahwa saya tidak melewatkan apa pun.

@eddyng8 ,

Kami menggunakan peta sumber eval lebih murah/lebih cepat sekarang secara default. Anda dapat mengubahnya menjadi peta sumber TypeScript asli tetapi build akan lebih lambat. Lihat blog ini untuk info lebih lanjut.

Terima kasih,
Dan

Apakah halaman ini membantu?
0 / 5 - 0 peringkat