繁体   English   中英

如何在html中包含javascript文件?

[英]how to include the javascript files in html?

我正在开发MEAN应用程序。 我仅使用表达“应用程序名称”命令构建了目录结构,并创建了一个index.ejs文件,该文件包含了我所有的前端javascript文件,但是由于某些原因,当我运行该应用程序时,它为js返回404找不到文件。 我需要使用什么正确的路径来将我的app.js,loginController.js,mainController.js和registerController.js正确地包含到index.ejs中。

这是我的文件夹结构

这是index.ejs,我在底部包括了js文件。 我的src路径错误吗? 安戈

<body ng-app="secret">
    <div id="mainBar">
        <div id="mainBarWrapper">
            <div id="siteLogo">
                <img src="images/mimiLogo.png" alt="mimi"/>
            </div>
            <div>
                <ul id="navBar">
                    <li><a ui-sref="main">Home</a></li>
                    <li>&nbsp;|&nbsp;</li>
                    <li><a ui-sref="login">Login</a></li>
                    <li>&nbsp;|&nbsp;</li>
                    <li><a ui-sref="signUp">Sign Up</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div ui-view></div>
</body>

<script src="../public/javascripts/app.js"></script>
<script src="../public/javascripts/mainController.js"></script>
<script src="../public/javascripts/loginController.js"></script>
<script src="../public/javascripts/registerController.js"></script>

这是我得到的错误。 在此处输入图片说明

使公用文件夹在节点服务器中静态

app.use(express.static('public'));

要么

为您的文件放置一条路径。

如您所见,正在加载图像。 但是您的脚本不是。 您需要删除url的../public/部分,只是javascript/index.js

这是从表示静态文件夹公开的。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM