如何在React项目中加载js-yaml包？已安装但调用报错

看起来你遇到的核心问题是没有在代码中正确导入你安装的YAML处理包，另外还有个小细节需要注意：你提到安装的是js-yaml，但package.json里显示的依赖是yaml-js——这是两个不同的npm包，我会分别给你解决方案：

如果你实际想用的是js-yaml（更流行的那个YAML库） #

1. 先清理掉当前的yaml-js（如果不需要它的话）：

   npm uninstall yaml-js
   

2. 重新安装js-yaml：

   npm install js-yaml
   

3. 在你的src/App.js文件顶部添加导入语句（推荐用React项目常用的ES模块语法）：

   import yaml from 'js-yaml';
   

   或者如果你习惯CommonJS语法也可以：

   const yaml = require('js-yaml');
   

4. 现在你就可以正常调用yaml.load()了。

如果你确实要使用yaml-js（你package.json里已安装的这个） #

这个包的导出方式和js-yaml略有不同，你需要这样导入：

import * as yaml from 'yaml-js';

或者CommonJS方式：

const yaml = require('yaml-js');

导入完成后，yaml.load()就能正常工作了。

总结一下：不管用哪个包，关键是要在使用前把它导入到你的代码文件中，不然JavaScript引擎不知道yaml这个变量指代什么，就会抛出no-undef错误啦。

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