Angular 无法导入库

Question

我正在从https://www.npmjs.com/package/js-beautify安装js-beautify

通过npm install js-beautify --save

然后将导入添加到我的 app.component.ts

文档说

import jsbeautifier

但它需要引号，所以我使用

import 'jsbeautifier'

但在那之后，当我尝试使用它时，我收到了错误：

Failed to compile.

./src/app/app.component.ts
Module not found: Error: Can't resolve 'jsbeautifier' in '/home/oscar/IdeaProjects/lodashteatcherv4/src/frontend/src/app'
 @ ./src/app/app.component.ts 14:0-22
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

我也试过这个导入

import '../../node_modules/js-beautify/js/lib/beautify.js'

我正在使用 angular cli 2/4

Answer 1

你好，你能分享你在哪里使用它的组件代码吗？我在努力

import { js_beautify } from 'js-beautify'

在函数中

js_beautify.beautify(html_text, { indent_size: 2, space_in_empty_paren: true });

但它给了我错误

core.js:4117 ERROR TypeError: js_beautify__WEBPACK_IMPORTED_MODULE_2__.js_beautify.beautify is not a function
    at FileReader.<anonymous> (document-viewer.component.ts:67)

Answer 2

您混淆了文档 import jsbeautifier 中的 Python 指令。为了在javascript（客户端或nodejs）中导入这个美化器，你需要这样做：

import { js_beautify } from 'js-beautify'

但是，我怀疑你真的想这样做，代码美化可能不应该是你的app.component.ts 的一部分。