css - Webpack/样式加载器/CSS 模块 : CSS Object and JS Code doesn't match

标签 css webpack webpack-style-loader css-loader

我尝试配置 webpack 以从另一个构建工具获得相同的结果。这是一个带有 webpack 1.15 的 React 应用程序。我面临的问题可能出在 css/style loader (SCSS) 中。

我的 css-loader 是这样的:

    loaders: [
  {
    test: /\.(scss|css)$/,
    // loader: 'style-loader!css-loader!sass-loader'
    loader: 'style!css?modules!sass'
  },

网页上的结果是:

Chrome devtools screenshot showing object

类名应该在默认属性下。这将解决这个问题,或者我可以删除默认值。但无论如何我不知道如何做这些。

'bz-webpart' 在 main_modules_scss_1 中(没有默认值)。谁能帮忙?

最佳答案

我通过将样式加载器替换为自定义样式加载器来解决此问题,该加载器替换了 ('module.exports', 'module.exports.default')。 Object.default 在那里。大家都很开心!

关于css - Webpack/样式加载器/CSS 模块 : CSS Object and JS Code doesn't match,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49488241/

相关文章:

jquery - 使用 jQuery UI 自动完成和选项卡 - 修改后的 CSS 冲突

html - 如何让我的 <p> 元素沿着 &lt;input&gt; 和 &lt;textarea&gt; 字段垂直居中?

jquery - webpack 无法加载模块 jquery

webpack - 如何使用 Webpack 的 `raw-loader` 加载二进制文件?

Css sourceMappingURL 在 Chrome 59.0.3071.115 中不能正常工作

javascript - Webpack css-loader : "Module not found: Error: Can' t resolve 'main.css' in . ..”

html - 如何找到具有全范围字体粗细的网络字体?

webpack - 为什么我无法使用 Webpack 编译 SASS?

javascript - Webpack 样式加载器/css 加载器 : url() path resolution not working

父子类之间的CSS继承