Node.js中如何访问public文件夹内文件的变量？

方案一：正确配置ES模块（推荐） #

要让ES模块正常工作，需要完成以下步骤：

• 在HTML中引入脚本时，给<script>标签添加type="module"属性，比如：

  <script type="module" src="/app.js"></script>
  

  模块系统会自动处理依赖加载，无需单独引入Chat.js。
• 确保代码在本地服务器环境运行（比如用npx http-server快速启动），ES模块不支持通过file://协议直接打开文件。
• 保持模块代码不变：

  // public/js/Chat.js
  export let username = window.prompt('What is your username?')
  

  // app.js
  import { username } from './public/js/Chat.js'
  let chatMessage = new Chat({ message: msg, sender: username });
  

方案二：使用全局对象共享变量 #

如果不想用模块，也可以把用户名挂载到window全局对象实现跨文件访问：

• 修改Chat.js代码，将变量绑定到window：

  // public/js/Chat.js
  window.username = window.prompt('What is your username?')
  

• 在HTML中确保Chat.js在app.js之前加载：

  <script src="/public/js/Chat.js"></script>
  <script src="/app.js"></script>
  

• 在app.js中直接使用全局变量：

  // app.js
  let chatMessage = new Chat({ message: msg, sender: window.username });
  

内容的提问来源于stack exchange，提问作者Misticc