WebpackがCSSファイルを作成していない

Question

http://webpack.github.io/docs/tutorials/getting-started/のチュートリアルに従っていたので、CSSスタイルのローダーステップが邪魔になりました。

require("!style!css!./style.css"); 
document.write(require("./content.js")) 

これはcontent.jsです：

module.exports = "It works from content.js"; 

これはstyle.cssにある：ここに私のentry.jsである。この後

body{ 
    background: yellow; 
} 

、私は、このコマンドを実行しています：

webpack ./entry.js bundle.js

このエラーが発生しました：

Version: webpack 1.13.0 Time: 866ms Asset Size Chunks Chunk Names bundle.js 10.1 kB 0 [emitted] main [0] ./entry.js 115 bytes {0} [built] [4] ./content.js 45 bytes {0} [built] + 3 hidden modules

ERROR in ./~/css-loader!./style.css Module build failed: ReferenceError: Promise is not defined at LazyResult.async (/var/www/html/webpack/node_modules/css-loader/node_modules/postcss/lib/lazy-result.js:157:31) at LazyResult.then (/var/www/html/webpack/node_modules/css-loader/node_modules/postcss/lib/lazy-result.js:79:21) at processCss (/var/www/html/webpack/node_modules/css-loader/lib/processCss.js:198:5) at Object.module.exports (/var/www/html/webpack/node_modules/css-loader/lib/loader.js:24:2) @ ./~/style-loader!./~/css-loader!./style.css 4:14-73

これを修正するにはどうすればよいですか？

Answer 1

コメントに記載されているとおり、Nodeのバージョンは非常に古いです（実際はv0.10.xのサポートは10月に中止されています）。ネイティブJavaScript Promiseオブジェクトのサポートは、ノードv4まで追加されていませんでした。投稿したエラーメッセージで示唆されているように、css-loaderはこれらをバックグラウンドで使用しています。

この問題の唯一の真の解決策はノードを更新することです。現時点で選択できるバージョンは2つあります。 v4は最も安定していますが、いくつかの新しい機能が欠けていますが、v6は最新の機能を備えていますが、バグの多い/あまりサポートされていない可能性があります。