Javascript 在我的app.js中，我无法在我的页面中调用内联函数 import./vendors/jquery'； 导入“./vendors/jquery.tagsinput”；// var j=jQuery.noConflict（）； j（文档）.ready（函数（）{ j（“#tags”）.addTag（ejs.render（“”））； })

我尝试在js文件中传递一个变量，并在ejs中发出警报。未定义变量。我把它作为一个全局变量传递给window，它运行良好。但是我不能改变插件的构建方式。所以我试着把它导入一个脚本标签，就像一个简单的插件一样。在我的express file应用程序中，使用公用文件夹（其中webpack将所有js编译为app.js）和assetics（其中所有文件都逐个写入），因此在ejs中，我添加了一个脚本标记，该标记链接到保留在assetics文件夹中的插件

<script type="text/javascript" src="/app.js"></script>
<% if(creations.Tags) { %>
    <% for(var i=0; i < creations.Tags.length; i++) { %>
        <a><%= creations.Tags[i].TagSpotting.name %> %></a>
        <script type="text/javascript">
        var j = jQuery.noConflict();
        j(document).ready(function() {
            j("#tags").addTag(ejs.render('<%=creations.Tags[i].TagSpotting.name %>'));
        })
       </script>
    <% } %>
<% } %>
</body>

现在它可以正常工作了，但我不明白为什么插件在公共文件夹中编译为app.js时它不能正常运行，为什么我必须像这样调用它两次

<script type="text/javascript" src="/app.js"></script>
<% if(creations.Tags) { %>
    <% for(var i=0; i < creations.Tags.length; i++) { %>
        <a><%= creations.Tags[i].TagSpotting.name %> %></a>
        <script type="text/javascript">
        var j = jQuery.noConflict();
        j(document).ready(function() {
            j("#tags").addTag(ejs.render('<%=creations.Tags[i].TagSpotting.name %>'));
        })
       </script>
    <% } %>
<% } %>
</body>

<script type="text/javascript" src="/javascripts/vendors/jquery.tagsinput.js"></script>