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 jsbeautifier 中的 Python 说明。为了在 javascript（客户端或 nodejs）中导入这个美化器，你需要这样做：

import { js_beautify } from 'js-beautify'

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

Angular 无法导入库

Angular not able to import library

javascript

npm

js-beautify

angular-cli

angular