Habe ich JSPM korrekt für TypeScript konfiguriert?

Ich schaffeHabe ich JSPM korrekt für TypeScript konfiguriert?

default.html

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>JSPM</title> 
 
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"> 
 
</head> 
 
<body aurelia-app> 
 
    <script src="packages/system.js"></script> 
 
    <script src="jspm.config.js"></script> 
 
    <script src="jspm.dev.js"></script> 
 
    <script > 
 
     System.import('xperiandri/app.ts'); 
 
    </script> 
 
    <!--<script> 
 
     SystemJS.import('aurelia-bootstrapper'); 
 
    </script>--> 
 
</body> 
 
</html>

jspm.config.js

eine ASP.NET-Core-Razor Seiten App mit SPA mit JSPM

Having

SystemJS.config({ 
 
    paths: { 
 
    "github:": "packages/github/", 
 
    "npm:": "packages/npm/" 
 
    }, 
 
    browserConfig: { 
 
    "baseURL": "/", 
 
    "paths": { 
 
     "xperiandri/": "/" 
 
    } 
 
    }, 
 
    nodeConfig: { 
 
    "paths": { 
 
     "xperiandri/": "" 
 
    } 
 
    }, 
 
    transpiler: "plugin-typescript", 
 
    typescriptOptions: { 
 
    "module": "system", 
 
    "target": "es6", 
 
    "tsconfig": false, 
 
    "sourceMap": true 
 
    }, 
 
    packages: { 
 
    "xperiandri": { 
 
     "main": "app.ts", 
 
     "defaultExtension": "ts", 
 
     "meta": { 
 
     "*.ts": { 
 
      "loader": "plugin-typescript" 
 
     } 
 
     } 
 
    } 
 
    } 
 
});

app.ts

export class App { 
 
    constructor() { 
 
     console.log("JSPM initialized"); 
 

 
     var textnode = document.createTextNode("Welcome JSPM!"); 
 
     document.body.appendChild(textnode); 
 
    } 
 
}

Ich erwarte Tag zu sehen, mit Welcome JSPM! Text Körper hinzugefügt, aber dies nicht geschieht. Was mache ich falsch?

app.ts wird von Microsoft Edge heruntergeladen, eingecheckt in Entwickler-Tools. Der Medientyp ist jedoch Video, kein Text.

Anfrage

Accept: application/x-es-module, */* Accept-Encoding: gzip, deflate Accept-Language: uk, ru; q=0.8, en-US; q=0.5, en; q=0.3 Connection: Keep-Alive Host: localhost:41467 Referer: http://localhost:41467/ User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16275

Antwort

Accept-Ranges: bytes Content-Type: video/vnd.dlna.mpeg-tts Date: Sun, 27 Aug 2017 22:01:34 GMT ETag: "1d31766378d8152:-1" Last-Modified: Thu, 17 Aug 2017 14:36:31 GMT Server: Kestrel Transfer-Encoding: chunked X-Powered-By: ASP.NET X-SourceFiles: =?UTF-8?B?QzpcVXNlcnNc0JDQvdC00YDRltC5XERldlxYcGVyaUFuZHJpXEx5c292Lk1uZ1xzcmNcV2ViXGFwcC50cw==?=

Quelle

2017-08-27 Andrii

Wenn die Datei heruntergeladen wurde es bedeutet, dass MIME-Typen falsch sind.

Sie müssen Mime-Typ für ts Dateien text/x.typescript oder text/prs.typescript

Versuchen Sie, fügen Sie diese in Startup-Config

var fileProvider= new FileExtensionContentTypeProvider(); 
fileProvider.Mappings.Add(".ts", "text/x.typescript"); 

app.UseStaticFiles(new StaticFileOptions() { ContentTypeProvider = fileProvider});

Quelle

2017-08-28 00:32:21

Fast Layload jetzt korrekt funktionieren hinzufügen, aber hat Codierung Probleme '' 'ï» ¿ Exportklasse App { Konstruktor() { console.log ("JSPM initialisiert"); var textnode = document.createTextNode ("Willkommen JSPM!"); document.body.appendChild (Textknoten); } } '' ' – Andrii

Und es muss ersetzt werden' fileProvider.Mappings [". Ts"] = "text/x.typescript"; 'wie diese Erweiterung bereits registriert ist – Andrii

Versuchen Sie UTF 8 Codierung –

Habe ich JSPM korrekt für TypeScript konfiguriert?

Antwort

Verwandte Themen