2017-01-25 65 views
1

我想通過Webpack與TypeScript建立一個測試項目。剛纔index.ts文件和base.less(或base.css)文件中index.ts進口,也未能與CSS-裝載機錯誤。如果沒有在.ts文件中導入LESS(CSS)文件,這些文件都可以正常工作。Webpack - 從TypeScript導入失敗(css-loader)

我有另一個只有JS(沒有TypeScript)的大項目,它與同樣的webpack.config文件(babel而不是ts loader)很好地工作。

[email protected]

安裝了所有需要的裝載​​機。

webpack.config.jsBitbucket link to the test project

ERROR in ./~/css-loader/lib/css-base.js Module build failed: Error: Final loader didn't return a Buffer or String

enter image description here

enter image description here

回答

1

您的webpack.config.js錯誤RegExp規則打字稿裝載機。你需要這個:

`test: /(.ts|.tsx)$/` 

,但是你有這樣的:

`test: /(.ts|.tsx)?/` 

它說:負荷打字稿文件不管是什麼。

+0

我今天修好了,但還沒有推。但ts腳本工作正常。只有當我編寫「import」./less/base.less'時,Webpack纔會出錯。我發現(在webpack2文檔中)我需要用declare'* .less'(和CSS)添加.d.ts文件,但仍然它沒有幫助,得到了同樣的錯誤,僅僅10分鐘,我會推送我的更新文件。現在有一個JS文件導入更少的作品和TS文件只有TS代碼沒有導入樣式也可以。從styles.js導入到index.ts我得到了一個上面的錯誤 – Max

+0

我把更新的項目推送到Bitbucket – Max

+0

webpack在'import'base.less''上給出了一個錯誤,因爲它認爲它是'.ts'文件。 RegExp規則,因爲我建議,一切都會好的 – GProst