Type checking ignores script-setup blocks · vuejs/vue-cli#6716

(13 留言) (0 反應) (0 負責人)JavaScript (29,754 star) (6,328 fork)batch import

help wanted

描述

Version

5.0.0-beta.4

Reproduction link

Environment info

  System:
    OS: Linux 5.14 Arch Linux
    CPU: (4) x64 Intel(R) Core(TM) i5-7200U CPU @ 2.50GHz
  Binaries:
    Node: 16.10.0 - /usr/bin/node
    Yarn: 1.22.4 - ~/.local/bin/yarn
    npm: 7.24.1 - /usr/bin/npm
  Browsers:
    Chrome: Not Found
    Firefox: 92.0.1
  npmGlobalPackages:
    @vue/cli: 5.0.0-beta.4

Steps to reproduce

vue create vue-cli-script-setup-lang-ts-typechecks -bi '{
      "useConfigFiles": false,
      "plugins": {
        "@vue/cli-plugin-typescript": {
          "classComponent": false
        }
      },
      "vueVersion": "3"
    }'
cd vue-cli-script-setup-lang-ts-typechecks

Add some wrongly typed code. E.g.:

echo '<script setup lang="ts">const x: string = 42;</script>' >> src/App.vue

Build

npm run build

What is expected?

The typescript error is detected and the build fails.

What is actually happening?

The typing is simply stripped and no error can be seen.

貢獻者指南

技術棧: vuetypescriptjavascriptnodejs
領域: frontendclibuild system
議題類型: bug
難度: 3
預計時間: 1-3 hours
活動狀態: stale
清晰度: clear
前置要求: Vue script setup syntaxTypeScript basicsVue CLI project structure
新手友善度: 45
研究方向: Investigate how @vue/cli plugin typescript handles type checking for <script setup> blocks. Examine the webpack config and vue loader options in the reproduction repo. Check if the issue is related to the lang attribute being ignored. Look at comments in the issue for attempted solutions.