Javascript three.js项目-添加导入原因blanc页面_Javascript_Html_Node.js_Three.js

Javascript three.js项目-添加导入原因blanc页面

javascript html node.js three.js

Javascript three.js项目-添加导入原因blanc页面,javascript,html,node.js,three.js,Javascript,Html,Node.js,Three.js,我对three.js和frontend都是新手。可能很基本，但我有这个问题我有一个演示three.js，其中包含以下内容： index.html： <!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name="viewport" content="width=device-width, user-scalable=no, mini

我对three.js和frontend都是新手。可能很基本，但我有这个问题

我有一个演示three.js，其中包含以下内容： index.html：

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8>
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title>Beginning my Three.js Journey</title>
    <style>
        body { margin: 0; }
        canvas { width: 100%; height: 100% }
    </style>
</head>
<body>
<!-- CDN Link to Three.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
<!--reference your JS file here. Mine looks like below-->
<script src="index.js"></script>
</body>
</html>

它的工作原理与预期一致

将任何required添加到js文件（我已经添加了const fs=require（'fs'）；）会导致HTML变成blanc

顺便说一下，我使用简单的express服务器返回HTML文件：

const express = require('express');
const app = express();

app.use(express.static(__dirname))

app.listen(8080);
console.log("listening on port 8080");

有什么建议吗？我还需要做什么才能加载外部库

非常感谢

const fs=require（'fs'）中的require（）不是标准JavaScript API的一部分，它内置于节点JS中。例如，如果您想导入一些文件，它可以在html中使用标记

<input type="file" id="file-selected" accept=".jpg">

什么是index.cs？一个C#file？index.js，更正了描述。我用一个简单的HTML（在index.js中，我只添加了警报（“警报文本”）），当我在js文件（const fs=require（'fs'）；）中添加导入时，什么也没有发生。所以我知道这是一个简单的HTML，javascript问题…这能回答你的问题吗？这确实是首选的解决办法。您还可以在express中

fs

，并通过服务器提供文件，具体取决于用例

<input type="file" id="file-selected" accept=".jpg">