wordpress オリジナルテーマ aos.js 動かない

wordpress オリジナルテーマにaos.jsを読み込ませたいのですが、動きません。

パスの書き方、data-aos=の書き方も間違えていないと思うのですが、aos.jsが動かないです。

ディレクトリ構成は以下です。

aos.cssの読み込みをheader.phpに下記の様に書いています。

html
1<head>
2	<meta charset="<?php bloginfo( 'charset' ); ?>">
3	<meta name="viewport" content="width=device-width, initial-scale=1">
4	<link rel="profile" href="https://gmpg.org/xfn/11">
5	<link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>./css/aos.css">
6	<?php wp_head(); ?>
7</head>
8コード

aos.jsをfooter.phpに下記の様に書いています。

html
1<script src="<?php echo get_template_directory_uri();?>./assets/js/script.js"></script>     
2<script src="<?php echo get_template_directory_uri();?>./assets/js/aos.js"></script>     
3<?php wp_footer(); ?>
4コード

AOSのアニメーションをfront-page.phpに下記の様に書いています。

html
1    <div class="mainvisual_textbox">
2        <h1 data-aos="fade-left">Carlife Support<br>
3            for Future</h1>
4        <div class="textbox_text__wrap">
5            <p class="textbox_text__wrap--title">社会を整えて、未来に備える。</p>
6            <p class="textbox_text__wrap--text">人と車と環境の明るい未来のために大切なものを守り続ける。<br>
7        それがアマギの整備です。</p>
8        </div>
9    </div>
10コード