导入Moment.js至HTML文档时出现Uncaught Error问题排查

这个错误的核心是浏览器环境下的模块加载方式不匹配，具体分以下几种情况：

• 代码误用CommonJS语法：你可能直接在浏览器脚本里写了require('moment/moment')，但浏览器原生不支持Node.js的require语法。通过CDN的<script>标签加载的Moment.js是直接挂载到全局的moment变量，直接调用moment()即可，不需要用require导入。
• 模块加载器冲突：如果页面中引入了RequireJS、SystemJS这类第三方模块加载器，它们会接管全局的require函数。当你的代码调用require('moment/moment')时，加载器会尝试按照模块规范去查找对应的文件，但通过script标签加载的Moment并没有注册为加载器可识别的模块，导致查找失败报错。
• 模块路径错误（若使用打包工具）：如果是用Webpack、Browserify这类打包工具，错误地写了require('moment/moment')，而正确的导入路径应该是require('moment')——Moment的包主入口指向的是根目录下的moment.js，而非子目录里的文件。

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