Devextreme 與 Angular6 兼容問題解決

按照 Devextreme 的官方文檔, 首次使用 devextreme

https://js.devexpress.com/Documentation/Guide/Getting_Started/Widget_Basics_-_Angular/Create_and_Configure_a_Widget/

 

1 創建 Angular項目,   

　　ng new test

2 安裝 devextreme

　　npm install --save devextreme devextreme-angular

3 在 app.module.ts 引用一個按鈕

　　

import { DxButtonModule } from "devextreme-angular";

@NgModule({
...
imports: [
...
DxButtonModule,
...
]
})
export class AppModule {}

 

4 執行 ng serve 然后出錯了

ERROR in ./node_modules/jszip/lib/readable-stream-browser.js

Module not found: Error: Can't resolve 'stream' in 'D:\Project\Work\Quotes2\quotes\node_modules\jszip\lib'

 

查找錯誤原因, 找到官方的解決方案

{ ... "compilerOptions": { ... "paths": { "jszip": [ "node_modules/jszip/dist/jszip.min.js" ] } } }

https://www.devexpress.com/Support/Center/Question/Details/T632535/a-project-s-compilation-fails-with-the-can-t-resolve-stream-error-in-angular-6

 

至此問題解決, 編譯通過.