Angular 2 TypeError: Cannot Read Property 'animate' Of Null
I'm using Chrome 51 and Angular 2.rc4 and following errors popup in the console when loading my angular app. TypeError: Cannot read property 'animate' of null at e.supportsWebAnima
Solution 1:
I think you include your bundled js files inside of the head section in the index.html but you should transfer those to the body part under your app.
For being more clear after i transfered my application to webpack i had exactly same issue.
For example,
<!DOCTYPE html>
<html>
<head>
<base href="">
<title>Test</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="prod/vendor.js"></script>
<script src="prod/app.js"></script>
</head>
<body>
<app-one>
Loading...
</app-one>
</body>
</html>I transferred scripts like this
<!DOCTYPE html>
<html>
<head>
<base href="">
<title>Test</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
<app-one>
Loading...
</app-one>
<script src="prod/vendor.js"></script>
<script src="prod/app.js"></script>
</body>
</html>
Post a Comment for "Angular 2 TypeError: Cannot Read Property 'animate' Of Null"