2017-10-15 140 views
1

我安裝從https://www.npmjs.com/package/js-beautify角度無法導入庫

通過npm install js-beautify --save

再加入進口JS-美化我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

+0

[使用Angular-CLI安裝第三方應用程序](https://stackoverflow.com/questions/42031389/installing-3rd-party-applications-with-angular-cli) – jonrsharpe

回答

1

你在混淆文檔import jsbeautifier的Python指令。爲了導入此美化在JavaScript(客戶端或的NodeJS),你需要做的是這樣的:

import { js_beautify } from 'js-beautify' 

不過,我懷疑你真的想這樣做,這樣一來,代碼美化可能不應該成爲其中的一部分你app.component.ts

+1

您可能需要輸入以下命令: 'npm我@ types/js-beautify' –

+0

夥計,它的工作,但我想知道爲什麼我能夠做到: import'rxjs/add/operator/map'; import'hammerjs'; import'prismjs'; 在我的app.component.ts? –

+1

你可以這樣做,因爲這些模塊存在。沒有可以導入的「jsbeautifier」模塊,因此無法使用。 – dfsq