Stylelint error in Nuxt (class based): Unexpected empty source (no-empty-source)

Question

I get this Stylelint error suddenly in two of my components, I don't know why.

Unexpected empty source (no-empty-source)

I created a third component and removed content to the point where there is no content left, and the error still shows for that component too. So what can the issue be? I tried to understand this eslint documentation page , but I don't understand much of it, it does not explain what a "source" is.

Here is the simplified component (which is not used in the project):

<template>
  <p>ok</p>
</template>

<script lang="ts">
import { Component, Vue } from 'nuxt-property-decorator';
@Component
export default class NewComponent extends Vue {}
</script>

<style lang="postcss" scoped></style>

I get:

components/common/NewComponent.vue
 12:31  ×  Unexpected empty source   no-empty-source

Line 12 column 31. Might be the empty block. Also is the error Stylelint or ESlint? — kissu, Mar 23 '22 at 20:15
@kissu yes you're right it is a "StylelintError" (i updated the text) — Galivan, Mar 24 '22 at 10:16
@kissuu Yes, sorry for late reply. It was the empty CSS block! — Galivan, May 20 '22 at 07:55

score 3 · Accepted Answer · answered May 20 '22 at 07:56

3

The issue was happening because there was an empty style tag, removing it fixed the issue.

answered May 20 '22 at 07:56

kissu

40,416
14
65
133

Stylelint error in Nuxt (class based): Unexpected empty source (no-empty-source)

1 Answers1