0

HTMLページの一部をコンポーネント化して、それらをractiveコンポーネントにし、ractive-loadを使用してロードしようとしています。ビルド システムや「ツール」 (つまり、grunt、browserify、require など) は使用しません。

エラーが発生しています：

You can only have one <script> tag per component file

索引.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My Title</title>

    <!-- Javascript -->
    <script src="static/jquery-2.1.4/jquery-2.1.4.min.js"></script> 
    <script src='static/ractive-0.7.3/ractive.js'></script> 
    <script src='static/ractiveload/ractive-load.js' ></script> -->
    <script src='static/app.js' ></script> 

  </head>

  <body>

        <header>
                <a href='/'>My Title</a>
        </header> 

        <!-- This is a dynamic div that is loaded on-demand by ractive. -->
        <div class='wrapper' id='mainPanel'>
        </div>

  </body>
</html>

app.js:

$(document).ready(function(){

    Ractive.load('views/control.html').then( function(Control){
        var ractive = new Control({
            el: "#mainPanel",
        });
    }).

ビュー/control.html:

<script type='text/javascript' src="static/some/lib.js"></script>
<script type='text/javascript' src="static/some/otherlib.js"></script>


<div>This is a test</div>

追加の JavaScript ライブラリを Ractive コンポーネントにロードするにはどうすればよいですか?

4

1 に答える 1