2017-01-25 18 views
1

Webpack経由でTypeScriptでテストプロジェクトを構築しようとしています。ただindex.tsファイルとbase.less(またはbase.css)ファイルがindex.tsにインポートし、それがCSS-ローダー上のエラーで失敗してきました。 .tsファイルにLESS(CSS)ファイルをインポートしていない場合は、すべて正常に動作します。Webpack - Type lessからのインポートが失敗する(css-loader)

私はJSのみで(タイプスクリプトなし)、同じwebpack.configファイル(tsローダーの代わりにbabel)でうまく動作する別の大きなプロジェクトを持っています。

[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)?/` 

:何があっtypescriptファイルとしてロード。

+0

今日は修正しましたが、まだプッシュしていません。しかし、TSスクリプトは正常に動作します。 Webpackは、 "import" ./less/base.less "と書いたときだけエラーを出します。(webpack2のドキュメントで)宣言した.d.tsファイルに" * .less "(とCSS)を追加する必要があるそれは助けにならなかった、同じエラーがあった。ちょうど10分と私は私の更新されたファイルをプッシュします。 – Max

+0

更新されたプロジェクトをBitbucketにプッシュしました – Max

+0

webpackは 'import 'base.less''に' .ts'ファイルであると考えてエラーを返します。私が示唆したようなRegExpルールとすべてがOKです – GProst

関連する問題