javascript - EJS 模板中的外部 js

标签 javascript node.js templates ejs

我在使用 EJS 时遇到了一些问题。我想在我的模板中使用一个 javascript 文件,但我找不到正确的方法来实现它,这是我目前的代码:

游戏.ejs:

<!DOCTYPE html>
<html>
    <head>
        <title>D-D-D-Duel !!!</title>
        <link rel="stylesheet" type="text/css" href="/view/css/game.css">
        <script type="text/javascript" src="/socket.io/socket.io.js"></script>
        <script type="text/javascript" src= "/actions_client.js"></script>
    </head>

    <body>
        <style type="text/css">
    ...
        </style>
    // My body
    </body>
</html>

无论我为我的脚本/actions_client.js 尝试什么路径, View 在我的浏览器中加载时都找不到它。这可能是我也使用的 node.js 的问题,我不知道将我的脚本放在哪里以使我的 View 找到它(文件夹 localhost:8080/是什么和/或在哪里?)

问候

编辑:我也不明白的是 View 如何找到 socket.io/socket.io/js 而我在计算机上搜索时找不到它?

编辑:顺便说一句,这是我在 Node 文件中的代码:

var express = require('express'); 
var app = express(), 
server = require('http').createServer(app), 
io = require('socket.io').listen(server), 
fs = require('fs'), 
composants = require('./modules_persos/composants');

最佳答案

在您刚刚使用的 express app.js 文件中

app.use(express.static(path.join(__dirname, 'public')));

然后你可以在public文件夹中添加外部脚本或者在ejs模板中添加js文件的在线链接。像那样

<script   src="https://code.jquery.com/jquery-2.2.4.min.js"   integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="   crossorigin="anonymous"></script>

我认为这对您有帮助。 您还可以看到 Here

关于javascript - EJS 模板中的外部 js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26019456/

相关文章:

javascript - 作为属性的 polymer 元素

javascript - 无法在html表格中显示json数组

c++ - 从类模板中提取模板模板参数和可变模板参数

c++ - 如何根据模板类型使用 std::enable_if 来启用或禁用构造函数?

wcf - WCF 项目的样板,预计版本控制

javascript - D3 中的多个省略号不可见且没有错误

arrays - 连接缓冲区返回损坏的图像node.js

javascript - 尝试为我的 nodejs Controller 编写我的第一个 "global"函数

javascript - jshint 错误 : Redefinition of '$'

javascript - 在 Ubuntu 16 服务器上运行使用 Firebird 的 nodejs 应用程序