javascript - 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'

我正在使用角度 cli 2/4

Answer 1

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

import { js_beautify } from 'js-beautify'

但是，我怀疑您是否真的想这样做，代码美化可能不应该成为您的app.component.ts.

Answer 2

嗨，你能分享你在哪里使用它的组件代码吗？我在尝试

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)