使用angularjs将yaml数据解析到浏览器

Question

我有一个yaml文件，我希望它能被我的浏览器网站读取。当我在浏览器控制台中运行我的函数时，我得到了以下变量yaml 的错误

TypeError: yaml is undefined

而我已经在函数内部声明了它。PFB我的功能

function parseyam() {
var yaml = require('js-yaml');
var fs = require('fs');
// Get document, or throw exception on error
const doc = yaml.safeLoad(fs.readFileSync('services.yml', 'utf8'));
console.log(doc);
}

我还在index.html中添加了require.js，并尝试使用require.js。我认为变量yaml由于require而无法正常工作。

请告诉我，我该如何让它工作？

注意：当我在后台运行相同的代码时，它工作得很好，我会得到数据。有没有其他方法可以让它在前端工作？还有其他选择吗？如果有人能在这里帮助我，我将不胜感激。

Answer 1

这里的问题是NodeJS使用CommonJS模块格式，而RequireJS使用AMD模块格式。它们不兼容。有一些可能的解决方案可以解决这个问题，请访问RequireJS网站阅读更多信息：https://requirejs.org/docs/commonjs.html