There are no errors in the build or dev process. However, if I add the –watch parameter, I get the following error. The strange thing is that when I delete it and include another file, it generates the same error in another section there. You can also see the other error. I think there is a problem when parse .vue files but I am not sure. I also include all config files. Does anyone have any information about this?
✓ 0 modules transformed.
[commonjs] Transform failed with 1 error:
C:/path/vue-ts/src/App.vue?vue&type=script&setup=true&lang.ts:2:15: ERROR: Expected ">" but found "/"
file: C:/path/vue-ts/src/App.vue?vue&type=script&setup=true&lang.ts:2:15
Expected ">" but found "/"
1 | <template>
2 | <StoryList />
| ^
3 | </template>
4 |
------
[commonjs] Transform failed with 1 error:
C:/path/vue-ts/src/components/StoryList.vue?vue&type=script&setup=true&lang.ts:3:12: ERROR: Expected ">" but found "v"
file: C:/path/vue-ts/src/components/StoryList.vue?vue&type=script&setup=true&lang.ts:3:12
Expected ">" but found "v"
1 | <template>
2 | <ul>
3 | <li v-for="storyBox in storyBoxes" :key="storyBox.id">
| ^
4 | {{ storyBox.title }} - {{ storyBox.thumbnail }}
5 | </li>
Config files
Vite:
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import { nodePolyfills } from 'vite-plugin-node-polyfills'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(), vueDevTools(), nodePolyfills()],
build: {
commonjsOptions: {
transformMixedEsModules: true
},
assetsDir: '.',
assetsInlineLimit: 0,
outDir: '../assets/js',
rollupOptions: {
input: {
main: 'src/main.ts'
},
output: {
format: 'umd',
entryFileNames: 'app.min.js',
chunkFileNames: '[name].js',
assetFileNames: '[name].[ext]'
}
}
},
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
})
tsconfig.app:
{
"extends": "@vue/tsconfig/tsconfig.dom.json",
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
"exclude": ["src/**/__tests__/*"],
"compilerOptions": {
"composite": true,
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
}
}
tsconfig.node
{
"extends": "@tsconfig/node20/tsconfig.json",
"include": [
"vite.config.*",
"vitest.config.*",
"cypress.config.*",
"nightwatch.conf.*",
"playwright.config.*"
],
"compilerOptions": {
"composite": true,
"noEmit": true,
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
"module": "ESNext",
"moduleResolution": "Bundler",
"types": ["node"]
}
}