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

您对文档import jsbeautifier中的Python指令感到困惑。为了在javascript（client或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)

Angular无法导入库

2 个答案: