TSLint проверяет шаблон pug компонента Vue и выдает предупреждения - PullRequest
Новая
       29

TSLint проверяет шаблон pug компонента Vue и выдает предупреждения

0 голосов
/ 19 апреля 2019

Компонент: 

<template lang="pug">
  .container

    h1 {{ pageTitle }}
    hr

    div
      div V-Model test:
      div {{ vModelTestProperty }}
      div: input(type='text' v-model='vModelTestProperty')
    hr

    div
      div {{ defaultTextLabel }}
      div: RegularButton(:lettering='Non-default label' :onClickEventHandler='executeTest')
</template>

<script lang="ts">

  import { Vue, Component, Prop } from 'vue-property-decorator';

  @Component
  export default class SPA_Test extends Vue {

    private pageTitle: string = 'SPA test';
    private vModelTestProperty: string = 'What you will input will display here';
    private defaultTextLabel: string = 'Default label';

    public executeTest(): void {
      console.log('test, OK!');
    }
  }
</script>

TSLint говорит мне: 

    WARNING in ./SPA_Test.vue ...

    [1, 16]: " should be '
    [18, 14]: " should be '
    [1, 15]: Missing semicolon
    [2, 13]: Missing semicolon
    [4, 7]: Missing semicolon
    [4, 20]: Missing semicolon
    [5, 7]: Missing semicolon
    [7, 8]: Missing semicolon
    [8, 10]: Missing semicolon
    [8, 20]: Missing semicolon
    [9, 10]: Missing semicolon
    [9, 32]: Missing semicolon
    [10, 59]: Missing semicolon
    [11, 7]: Missing semicolon
    [13, 8]: Missing semicolon
    [14, 10]: Missing semicolon
    [14, 30]: Missing semicolon
    [18, 8]: Missing semicolon
    [18, 19]: Missing semicolon
    [33, 10]: Missing semicolon

Похоже, TSLint относится к моему шаблону мопса.Если это не ошибка, как я должен сказать TSLint не проверять <template>, а также <styles> раздел?

Я пытался разделить tslint-loader и vue-tslint-loader.К сожалению, похоже, я делаю вид ошибки в регулярных выражениях, и в настоящее время tslint не работает: 

module: {
  rules: [
    {
      // @see https://regex101.com/r/fqrnCW/1
      test: /^(?:\w|-)*?(?!vue.ts).ts$/,
      loader: 'tslint-loader',
      enforce: 'pre',
      options: {},
    {
      // @see https://regex101.com/r/zY6fLn/1
      test: /^(?:\w|-)*?.vue.ts$/,
      loader: 'vue-tslint-loader',
      enforce: 'pre',
      options: {},
    },
    // ...
  ]
}
...