Question

所以我正在关注http://webpack.github.io/docs/tutorials/getting-started/上的教程，我被困在css样式加载器步骤中。这是我的entry.js：

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

这是content.js：

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

这是style.css：

body{
    background: yellow;
}

在此之后，我正在运行此命令：

webpack ./entry.js bundle.js

我收到此错误：

版本：webpack 1.13.0时间：866ms       资产大小块块名称bundle.js 10.1 kB 0 [emit] main [0] ./entry.js 115字节{0} [built] [4]   ./content.js 45个字节{0} [已建]       + 3个隐藏的模块
      ./~/css-loader！。/ style.css中的错误模块构建失败：   ReferenceError：未定义Promise       在LazyResult.async（/var/www/html/webpack/node_modules/css-loader/node_modules/postcss/lib/lazy-result.js:157:31）       在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）       在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版本非常陈旧（事实上，10月份对v0.10.x的支持正在被删除）。在节点v4之前，我们不会添加对本机JavaScript Promise对象的支持，并且根据您发布的错误消息css-loader在后台使用这些对象。

因此，此问题唯一真正的解决方案是更新Node。目前有两种版本可供您选择; v4是最稳定但缺少一些较新的功能，而v6具有最新的功能，但可能更多的错误/不太支持。

Webpack没有构建css文件

1 个答案: