<script setup lang="ts"> sourcemap does not display the sfc source correctly
1593292349 opened this issue · 1 comments
1593292349 commented
Vue version
3.2.45
Link to minimal reproduction
https://github.com/1593292349/sfc-sourcemap.git
Steps to reproduce
- checkout master branch
- Installation dependency and run the command
npm run build
- open the file
dist/index.html
- look at the source panel for developer tools
What is expected?
I'd like to see the original sfc code.
What is actually happening?
System Info
System:
OS: Windows 10 10.0.19044
CPU: (24) x64 AMD Ryzen 9 5900X 12-Core Processor
Memory: 13.18 GB / 31.92 GB
Binaries:
Node: 16.18.1 - C:\Program Files\nodejs\node.EXE
npm: 8.19.2 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: Spartan (44.19041.1266.0), Chromium (108.0.1462.54)
Internet Explorer: 11.0.19041.1566
npmPackages:
vue: ^3.2.45 => 3.2.45
Any additional comments?
If I put the <script setup lang="ts">
Change to <script setup>
You can see the original code
1593292349 commented
in vue3, <script setup lang="ts">
is wrong, <script setup>
is right.
in vue2,<script setup lang="ts">
has same problem with vue3, <script setup>
is also wrong
If you want to reproduce the vue2 problem, just switch to the branch of vue and repeat the same procedure