app-info-parser引入报错问题

Question

vue2项目中已经npm 安装 app-info-parser，

但是引入的时候还是会报错，

这是什么问题

Answer 1

app-info-parser 是一个用于解析应用程序信息的 Node.js 模块，可以用于获取应用程序的名称、版本、描述等信息。

如果你已经通过 npm 安装了 app-info-parser 模块，那么在 Vue 项目中使用它也很简单。首先，需要在 Vue 组件中引入模块：

import appInfoParser from 'app-info-parser';

然后，在需要获取应用程序信息的地方，调用 app-info-parser 提供的方法即可。比如：

// 获取应用程序信息
const appInfo = appInfoParser.parse();
console.log(appInfo.name); // 应用程序名称
console.log(appInfo.version); // 应用程序版本号
console.log(appInfo.description); // 应用程序描述信息

需要注意的是，app-info-parser 模块只能在 Node.js 环境下使用，如果你想在浏览器中使用它，可以考虑使用其他浏览器端的模块或者手动解析 package.json 文件。
对于 app-info-parser 这样的 Node.js 模块，一般不需要在 Vue 的 main.js 中注册或者全局引入，因为它主要用于在构建过程中获取应用程序的信息。

在 Vue 组件中，你只需要在需要获取应用程序信息的地方使用 import 引入 app-info-parser 模块即可。无需在 main.js 中注册或者额外配置。

例如，你可以在某个 Vue 组件中这样使用 app-info-parser：

import appInfoParser from 'app-info-parser';

export default {
  mounted() {
    const appInfo = appInfoParser.parse();
    console.log(appInfo.name); // 应用程序名称
    console.log(appInfo.version); // 应用程序版本号
    console.log(appInfo.description); // 应用程序描述信息
  },
};

通过 import 引入模块后，就可以在组件内部使用 app-info-parser 提供的方法来获取应用程序的信息。无需在 main.js 中进行任何额外的配置。
请确保已经在项目中正确安装了 app-info-parser 模块，以便能够正常使用它。