diff --git a/src/index.js b/src/index.js
index 30cef78b..0cbda58c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1537,11 +1537,11 @@ class MiniCssExtractPlugin {
         if (
           module.media ||
           module.supports ||
-          typeof module.layer !== "undefined"
+          typeof module.layer === "string"
         ) {
           let atImportExtra = "";
 
-          const needLayer = typeof module.layer !== "undefined";
+          const needLayer = typeof module.layer === "string";
 
           if (needLayer) {
             atImportExtra +=
@@ -1577,7 +1577,7 @@ class MiniCssExtractPlugin {
           source.add(`@media ${module.media} {\n`);
         }
 
-        const needLayer = typeof module.layer !== "undefined";
+        const needLayer = typeof module.layer === "string";
 
         if (needLayer) {
           source.add(
diff --git a/test/cases/simple-with-experiments-layers/expected/main.css b/test/cases/simple-with-experiments-layers/expected/main.css
new file mode 100644
index 00000000..cebc5c1c
--- /dev/null
+++ b/test/cases/simple-with-experiments-layers/expected/main.css
@@ -0,0 +1,4 @@
+body {
+  background: red;
+}
+
diff --git a/test/cases/simple-with-experiments-layers/index.js b/test/cases/simple-with-experiments-layers/index.js
new file mode 100644
index 00000000..4fe51c72
--- /dev/null
+++ b/test/cases/simple-with-experiments-layers/index.js
@@ -0,0 +1 @@
+import "./style.css";
diff --git a/test/cases/simple-with-experiments-layers/style.css b/test/cases/simple-with-experiments-layers/style.css
new file mode 100644
index 00000000..67ce83e4
--- /dev/null
+++ b/test/cases/simple-with-experiments-layers/style.css
@@ -0,0 +1,3 @@
+body {
+  background: red;
+}
diff --git a/test/cases/simple-with-experiments-layers/webpack.config.js b/test/cases/simple-with-experiments-layers/webpack.config.js
new file mode 100644
index 00000000..1d3869c4
--- /dev/null
+++ b/test/cases/simple-with-experiments-layers/webpack.config.js
@@ -0,0 +1,21 @@
+import Self from "../../../src";
+
+module.exports = {
+  entry: "./index.js",
+  experiments: {
+    layers: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [Self.loader, "css-loader"],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: "[name].css",
+    }),
+  ],
+};