I keep encountering these issues when running vite build. It's as if Vite is struggling to properly interpret the HTML.
Expected ">" but encountered "class"
1 | <template>
2 | <div class="dashboard container">
| ^
3 | <div class="columns has-margin-b25 has-margin-t40 is-gapless">
4 | <div class="column is-flex">
...
n | </template>
Unexpected "/"
1 | <template>
2 | <div>
3 | <navbar></navbar>
| ^
4 | <page-header
...
n | </template>
The technologies I am using include Vue2, Typescript, vue-property-decorator, vue-template-compiler and vue-class-component.
Additionally, there are a few peculiarities that stand out:
- The build process runs smoothly on the server, but not locally. Even though the npm, node, and package versions are consistent (including global packages).
- Occasionally, the build will succeed locally, but it seems to be quite random (about every 20th attempt or so)
- Failure during the build process usually occurs in different files each time
- Interestingly, Vite dev consistently functions without any issues