webpack - 依赖升级 hell 。这个 CSS 加载器有什么问题？

Question

在依赖升级 hell 中。想知道我是否可以从任何人那里得到提示。

能够敲定所有事情，除了一件事。我在一个项目中使用 CSS 模块和 PostCSS。我正在升级到 Webpack 2，并借此机会升级所有其他包。

我遇到的问题与其中一个 CSS 处理器有关。基本上，任何包含从另一个文件加载类的 compose 属性的 CSS 文件都会失败。

这就是 Webpack CSS 加载器的样子:

test: /\.css/,
exclude: /node_modules/,
use: [
    'style-loader',
    {
        loader: 'css-loader',
        options: {
            modules: true,
            localIdentName: '[folder]__[local]___[hash:base64:5]',
            importLoaders: 1
        }
    },
    'postcss-loader'
]

当我尝试加载使用具有这些组合之一的样式表的页面时，我在浏览器错误控制台中看到此错误:

Dynamic page loading failed TypeError: Cannot read property 'removeChild' of null
    at removeStyleElement (eval at ./node_modules/style-loader/addStyles.js (main.js:9858), <anonymous>:122:25)
    at remove (eval at ./node_modules/style-loader/addStyles.js (main.js:9858), <anonymous>:168:4)
    at Array.updateStyle (eval at ./node_modules/style-loader/addStyles.js (main.js:9858), <anonymous>:180:4)
    at addStylesToDom (eval at ./node_modules/style-loader/addStyles.js (main.js:9858), <anonymous>:69:22)
    at module.exports (eval at ./node_modules/style-loader/addStyles.js (main.js:9858), <anonymous>:37:2)
    at eval (eval at ./app/components/EntryGroup/styles.css (1.chunk.js:29), <anonymous>:7:77)
    at Object../app/components/EntryGroup/styles.css (1.chunk.js:29)
    at __webpack_require__ (main.js:687)
    at fn (main.js:106)
    at eval (eval at ./app/components/EntryGroup/index.js (1.chunk.js:22), <anonymous>:3:70)

style-loader 似乎抛出了错误，但我认为这是因为 css-loader 正在让一些不应该通过的东西通过。除此之外，我不知道该去哪里寻找。

建议？

Answer 1

我正在使用 css 模块和 Webpack 2，在我尝试添加 new webpack.NamedModulesPlugin() 之前，它工作正常。如果您正在使用它，请尝试将其删除并查看 css 模块是否有效