•  


TypeScript syntax does not work in Vue templates · Issue #9566 · parcel-bundler/parcel · GitHub
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TypeScript syntax does not work in Vue templates #9566

Open
Demivan opened this issue Mar 6, 2024 · 0 comments · May be fixed by #9567
Open

TypeScript syntax does not work in Vue templates #9566

Demivan opened this issue Mar 6, 2024 · 0 comments · May be fixed by #9567
Labels

Comments

@Demivan
Copy link

?? bug report

Compilation fails when using TypeScript syntax in Vue <template> :

<
script
 setup
 lang
=
"
ts
"
>

let
 x
:
 string
 |
 number
 =
 1

</
script
>


<
template
>
  {{ (x as number).
toFixed
(
2
) }}
</
template
>

?? Configuration (.babelrc, package.json, cli command)

Default config

{
  
"scripts"
: {
    
"build"
: 
"
parcel build index.html
"

  },
  
"devDependencies"
: {
    
"@parcel/transformer-vue"
: 
"
2.12.0
"
,
    
"parcel"
: 
"
^2.12.0
"

  },
  
"dependencies"
: {
    
"vue"
: 
"
^3.4.21
"

  }
}

?? Expected Behavior

No error.

?? Current Behavior

@parcel/transformer-js: Expected ',', got 'as'

  /parcel-vue/src/App.vue:6:8
    5 | <template>
  > 6 |   {{ (x as number).toFixed(2) }}
  >   |        ^
    7 | </template>
    8 | 

?? Possible Solution

When lang="ts" is specified for the <script> , <template> should be processed using TypeScript too.

?? Context

?? Code Sample

https://github.com/Demivan/parcel-vue/tree/typescript-template

?? Your Environment

Software Version(s)
Parcel 2.12.0
Node 21.6.2
pnpm 8.12.1
Operating System Linux (NixOS)
Sign up for free to join this conversation on GitHub . Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants
- "漢字路" 한글한자자동변환 서비스는 교육부 고전문헌국역지원사업의 지원으로 구축되었습니다.
- "漢字路" 한글한자자동변환 서비스는 전통문화연구회 "울산대학교한국어처리연구실 옥철영(IT융합전공)교수팀"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 공동 연구 개발하고 있는 서비스입니다.
- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행하고자 하고 있습니다. 이를 인지하시고 다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.
- 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. .
Copyright ⓒ 2020 By '전통문화연구회(傳統文化硏究會)' All Rights reserved.
 한국   대만   중국   일본