您如何在您的网站上使用 require 功能？

Question

我为尝试在 Visual Studio Code 的实时服务器上运行的路由设置了一个页面，但由于 require 函数而无法运行。 我需要将它用于路线，尤其是查看人们的个人资料页面。 （当我使用 node routes.js 通过终端运行所有内容并使用静态目录链接我的所有 js 和 css 文件时，这非常有效）

 const path = require('path'); const express = require('express'); const app = express(); app.use('/static', express.static('public')) app.get('/user=:username', function (req, res) { res.sendFile(path.join(__dirname + '/profile.html')); });

我搜索了“如何在本地服务器上使用 require 函数”和“如何在网站上使用 require 函数”，但在滚动到每个查询的第 3/4 页后找不到任何内容。 有什么帮助吗？ 谢谢，希望我措辞正确。

Answer 1

Require 并不是真正的 JavaScript 语法，它只是CommonJS用来导入和使用模块的东西。 如果你想在你的原生 JavaScript Web 应用程序中导入模块，你可以使用 ES6 模块语法。

注意：您可能需要转译此代码才能使其在较旧的浏览器上工作，因为这是 ES6 语法。

首先，因为您正在尝试导入路径，您需要确保您的应用程序中安装了节点类型，因此请运行以下命令：

npm install --save-dev @types/node

现在，您可以使用以下方法导入路径：

import * as path from 'path';

其次，要进口快递：

import express from 'express';

此外，如果您需要有关脚手架的帮助，可以使用以下命令：

npx express-generator your-project-name --no-view

编辑：

更多信息：

1. 在编写任何其他 JS 代码之前，所有导入都应位于 JS 文件的最顶部。

2. 您需要在 HTML 中将脚本类型指定为 module : <script type="module" src="app.js"> </script> 。

在这里，这会派上用场： https : //www.freecodecamp.org/news/how-to-use-es6-modules-and-why-theyre-important-a9b20b480773/