Vitejs+Typescript build errors?

Questions
1

I use vite2.0 + ts + F7, but build with error:

npm run build:dev

> [email protected] build:dev
> cross-env NODE_ENV=development tsc --noEmit --skipLibCheck --skipDefaultLibCheck && vite build --mode development

node_modules/framework7-vue/components/skeleton-avatar/skeleton-avatar.d.ts:2:1 - error TS1109: Expression expected.

2 import { SkeletonAvatar } from 'skeleton-elements/vue';
  ~~~~~~

node_modules/framework7-vue/components/skeleton-avatar/skeleton-avatar.d.ts:5:2 - error TS1110: Type expected.

5 </script>
   ~

node_modules/framework7-vue/components/skeleton-avatar/skeleton-avatar.d.ts:5:3 - error TS1161: Unterminated regular expression literal.

5 </script>
    

node_modules/framework7-vue/components/skeleton-block/skeleton-block.d.ts:2:1 - error TS1109: Expression expected.

2 import { SkeletonBlock } from 'skeleton-elements/vue';
  ~~~~~~

node_modules/framework7-vue/components/skeleton-block/skeleton-block.d.ts:5:2 - error TS1110: Type expected.

5 </script>
   ~

node_modules/framework7-vue/components/skeleton-block/skeleton-block.d.ts:5:3 - error TS1161: Unterminated regular expression literal.

5 </script>
    

node_modules/framework7-vue/components/skeleton-image/skeleton-image.d.ts:2:1 - error TS1109: Expression expected.

2 import { SkeletonImage } from 'skeleton-elements/vue';
  ~~~~~~

node_modules/framework7-vue/components/skeleton-image/skeleton-image.d.ts:5:2 - error TS1110: Type expected.

5 </script>
   ~

node_modules/framework7-vue/components/skeleton-image/skeleton-image.d.ts:5:3 - error TS1161: Unterminated regular expression literal.

5 </script>
    

node_modules/framework7-vue/components/skeleton-text/skeleton-text.d.ts:2:1 - error TS1109: Expression expected.

2 import { SkeletonText } from 'skeleton-elements/vue';
  ~~~~~~

node_modules/framework7-vue/components/skeleton-text/skeleton-text.d.ts:5:2 - error TS1110: Type expected.

5 </script>
   ~

node_modules/framework7-vue/components/skeleton-text/skeleton-text.d.ts:5:3 - error TS1161: Unterminated regular expression literal.

5 </script>
    

node_modules/framework7-vue/components/swiper-slide/swiper-slide.d.ts:2:1 - error TS1109: Expression expected.

2 import { SwiperSlide } from 'swiper/vue';
  ~~~~~~

node_modules/framework7-vue/components/swiper-slide/swiper-slide.d.ts:5:2 - error TS1110: Type expected.

5 </script>
   ~

node_modules/framework7-vue/components/swiper-slide/swiper-slide.d.ts:5:3 - error TS1161: Unterminated regular expression literal.

5 </script>
    

node_modules/framework7-vue/components/swiper/swiper.d.ts:2:1 - error TS1109: Expression expected.

2 import { Swiper } from 'swiper/vue';
  ~~~~~~

node_modules/framework7-vue/components/swiper/swiper.d.ts:5:2 - error TS1110: Type expected.

5 </script>
   ~

node_modules/framework7-vue/components/swiper/swiper.d.ts:5:3 - error TS1161: Unterminated regular expression literal.

5 </script>
    


Found 18 errors.

i tried to use “vue-tsc --noEmit --skipLibCheck && vite build”, but did not work, what should i do?

2

for Swiper: update it to latest version
for Skeleton Elements: it doesn’t have Vue component typings, so you need to ignore them somehow, maybe use @ts-ignore

3

thanks to reply, but i upgrade swiper to latest, it still the same output, seems to be the “script” tag problem:

// location: node_modules/framework7-vue/components/swiper-slide/swiper-slide.d.ts
<script>
import { SwiperSlide } from 'swiper/vue';

export default SwiperSlide;
</script>

i tried to remove the “script” , the error was gone, Is there any other solution？

4

Ok, you are right, this <script> tags shouldn’t be in .d.ts files. Will be fixed in next update on a days (today or tomorrow)