1

因此,我按照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 [emitted] main [0] ./entry.js 115 bytes {0} [built] [4] ./content.js 45 bytes {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) 在 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

如何解决这个问题?

4

1 回答 1

0

正如评论中提到的,您的 Node 版本非常旧(实际上,对 v0.10.x 的支持在 10 月份就被取消了)。直到 Node v4 才添加对本机 JavaScript 对象的支持Promise,并且正如您发布的错误消息所建议的那样,css-loader在幕后使用这些。

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

于 2016-05-18T09:50:15.183 回答