angular - Αρχεία Typescript δεν μεταγλωττίζονται σε αρχεία javascript σε έργο ιστοσελίδας στο Visual Studio
Άνοιξα μια ιστοσελίδα Angular 2 στο Visual Studio 2015 ενημέρωση 3 ως έργο ιστοσελίδας. Πρόσθεσα το "compileOnSave": true στο tsconfig.json και επανεκκίνησα το VS. Επανέκανα τη δημιουργία του έργου και το εκτέλεσα, αλλά δεν δημιουργούνται αρχεία .js. Χρησιμοποιώ Typescript 2.0.3. Βλέπω μηνύματα 'BuildOnSave...' όταν επεξεργάζομαι ένα αρχείο .ts.
Κάποιες ιδέες γιατί δεν δημιουργούνται αρχεία Javascript;
Ενημέρωση tsconfig.json:
{
/*"compileOnSave": true,*/
"compilerOptions": {
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"watch": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"node_modules",
"typings/main",
"typings/main.d.ts"
]
}
Απάντηση #1
Φαίνεται ότι δεν έχετε συμπεριλάβει αρχεία για μεταγλώττιση.
Υπάρχουν διαφορετικοί τρόποι για να προσδιορίσετε ποια αρχεία χρειάζεται να μεταγλωττίσει ο compiler, αλλά δεν έχετε χρησιμοποιήσει κανέναν από αυτούς, έχετε μόνο καθορίσει τι να εξαιρεθεί.
Μπορείτε να χρησιμοποιήσετε include:
"include": [
"src/**/*"
]
Ή μπορείτε να χρησιμοποιήσετε files:
"files": [
"file1.ts",
...
"fileN.ts"
]
Περισσότερα γι' αυτά στη σελίδα εγγράφων tsconfig.json.
Μπορείτε επίσης να χρησιμοποιήσετε τις επιλογές του μεταγλωττιστή rootDir ή rootDirs.
Απάντηση #2
Το Visual Studio Code περιλαμβάνει υποστήριξη για τη γλώσσα TypeScript αλλά δεν περιλαμβάνει τον μεταγλωττιστή TypeScript, tsc. Θα χρειαστεί να εγκαταστήσετε τον μεταγλωττιστή TypeScript είτε παγκοσμίως είτε στον χώρο εργασίας σας για να μεταγλωττίσετε τον κώδικα πηγής TypeScript σε JavaScript
Ο πιο εύκολος τρόπος για να εγκαταστήσετε το TypeScript είναι μέσω του npm, του Διαχειριστή Πακέτων Node.js. Αν έχετε εγκαταστήσει το npm, μπορείτε να εγκαταστήσετε το TypeScript παγκοσμίως (-g) στον υπολογιστή σας με:
npm install -g typescript
Μπορείτε να ελέγξετε την εγκατάστασή σας ελέγχοντας την έκδοση ή τη βοήθεια. tsc --version tsc --help
Τέλος, βεβαιωθείτε ότι κάνετε κλικ στο «Εμφάνιση όλων των Αρχείων» στη γραμμή μενού του εξερευνητή λύσεων για να δείτε τα μεταγλωττισμένα αρχεία JavaScript
