Uncaught TypeError：System.importは関数ではありません
クリス・ボーンホフト
このコードは、divHello Worldを含むものを表示するはずですが、代わりにエラーが発生しますUncaught TypeError: System.import is not a function。私はng-book2の入門チュートリアルビデオをフォローしています。これには次のコードが含まれていますindex.html。
<!DOCTYPE html>
<html>
<head>
<title>Angular 2</title>
<script src="js/traceur-runtime-0.0.90.js"></script>
<script src="js/system-0.18.4.js"></script>
<script src="js/angular2-alpha31.js"></script>
</head>
<body>
<script>System.import('js/app');</script>
<hello-world></hello-world>
</body>
</html>
およびapp.ts：
/// <reference path="../lib/node_modules/angular2/angular2.d.ts" />
import {
Component,
View,
bootstrap
} from 'angular2/angular2';
// Annotation section
@Component({
selector: 'hello-world'
})
@View({
template: '<div>Hello World</div>'
})
// Component controller
class HelloWorld {
}
bootstrap(HelloWorld);
そして最後に現在のディレクトリ構造：
/ng2
/js
angular2-alpha31.js
app.js
app.js.map
system-0.18.4.js
system-0.18.4.js.map
traceur-runtime-0.0.90.js
index.html
解決策を探し回ると、十分に類似していると思われる唯一の問題は、システムに問題があることを示していますconfig.js。このチュートリアルを除いて、ビデオはこれが構成のヒントなしで機能することを示しています。これは、ビデオで使用されているローカルHTTPサーバーではなく、リモートサーバーでホストされていることに注意してください。
開発者ウィンドウのスクリーンショット：
上記のディレクトリ構造に示されている各ファイルは、これを書いている時点でGitHubで利用可能な最新のものです。リモートサーバーを使用している場合、または他のものが完全に不足している場合に含める必要のあるデフォルトの構成ファイルはありますか？
クリス・ボーンホフト
ファイルをさらにいじってみると、Angular2がSystemJSのSystemオブジェクトを独自のものでオーバーライドしていることがわかりました。HTML内でangular2.js上system.jsに移動した場合、ステートメント
<script>System.import('js/app');</script>
正しいシステムオブジェクトを使用します。
これは発生しないはずですが、当面は問題になります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
Uncaught TypeError：関数は関数ではありません
- 2
Uncaught TypeError：Object.valuesは関数JavaScriptではありません
- 3
Uncaught TypeError：data.pushは関数ではありません
- 4
Slick Carousel Uncaught TypeError：$（...）。slickは関数ではありません
- 5
Highcharts：Uncaught TypeError：$（...）。highchartsは関数ではありません
- 6
BootStrap：Uncaught TypeError：$（...）。datetimepickerは関数ではありません
- 7
Uncaught TypeError：rand.sliceは関数ではありません
- 8
Uncaught TypeError：$ .postは関数ではありません
- 9
Uncaught TypeError：（中間値）（...）は関数ではありません
- 10
Uncaught TypeError：$ .ajax（...）。successは関数ではありません
- 11
Uncaught TypeError：angular.lowercaseは関数ではありません
- 12
Uncaught TypeError：props.setDetailsShownは関数ではありません（useState）
- 13
Uncaught TypeError：a.customFilterはngAnimateの関数ではありません
- 14
Uncaught TypeError：$（...）。waterwheelCarouselは関数ではありません
- 15
Uncaught TypeError：.unshiftは関数ではありません
- 16
Uncaught TypeError：.slideToggleは関数ではありません
- 17
Uncaught TypeError：$（...）。stellarは関数ではありません
- 18
Uncaught TypeError：matchExpr [type] .execは関数ではありません
- 19
Uncaught TypeError：a.indexOfは関数ではありません[PRELOADER]
- 20
jQuery：Uncaught TypeError：$（...）。clickは関数ではありません
- 21
Canvas.toDataURL（）Uncaught TypeError：undefinedは関数ではありません
- 22
Uncaught TypeError：$（...）。draggableは関数ではありません
- 23
jQuery datepicker（）Uncaught TypeError：undefinedは関数ではありません
- 24
maskedinput Uncaught TypeError：$（...）。maskは関数ではありません
- 25
React Uncaught TypeError：this.setStateは関数ではありません
- 26
Uncaught TypeError：$（…）.onは関数ではありません
- 27
React Uncaught TypeError：this.setStateは関数ではありません
- 28
Uncaught TypeError：＃<Object>は関数ではありません
- 29
Uncaught TypeError：$（...）。lightGalleryは関数ではありません
コメントを追加