首页 文章

Webpack没有构建css文件

提问于
浏览 次
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 [emit] main [0] ./entry.js 115字节{0} [built] [4] ./ content.js 45 bytes {0} [built] 3个隐藏模块ERROR in ./~/css-loader!./style.css模块构建失败：ReferenceError：未在LazyResult.async定义Promise（/ 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）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

如何解决这个问题？

javascript css webpack webpack-style-loader css-loader

1 回答

  • 0

    正如评论中所提到的，您的Node版本非常陈旧（事实上，10月份对v0.10.x的支持正在被删除） . 在节点v4之前未添加对原生JavaScript Promise 对象的支持，并且如您发布的错误消息所示， css-loader 在后台使用这些对象 .

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

    回复于

相关问题