Angular -using jsonPath

Question

在我的应用程序中，我想使用json path。我找到了这个library，但我无法从我的应用程序中让它工作。

根据文档，我安装库并将下面这行放入我的组件中：

import {JSONPath} from 'jsonpath-plus';

但是当我尝试这样做时，我收到了一个错误：

const blob = JSONPath(path, jsonData, null, null);

错误：

ERROR in ./node_modules/jsonpath-plus/dist/index-es.js
Module not found: Error: Can't resolve 'vm' in 'C:\urm\workspace-1.0.0.2-URM\esploro-web\src\main\ngapp\node_modules\jsonpath-plus\dist'

你知道怎么让它工作吗？使用Angular使用jsonPath的另一种方式？

Answer 1

根据文档

ESM (现代浏览器)您还可以使用ES6模块导入(用于现代浏览器)：

<script type="module">
import {JSONPath} from './node_modules/jsonpath-plus/dist/index-es.js';
const result = JSONPath({path: '...', json: ...});
</script> 

Rollup ESM(捆绑包)，或者如果您正在捆绑您的JavaScript (例如，使用)，只需使用：

import {JSONPath} from 'jsonpath-plus';
 
const result = JSONPath({path: '...', json});

尝试使用第一个。我想这会有帮助的。

Answer 2

显然，关于它有一个开放的问题，仍然开放..

https://github.com/JSONPath-Plus/JSONPath/issues/129