Przy odpaleniu appki z repo ( Vite ) mam pustą stronę.
Mam:
Cannot find module './App.vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?ts(2792)
Coś z TypeScriptem?
Wątek przeniesiony 2025-01-20 17:33 z JavaScript przez Riddle.
Przy odpaleniu appki z repo ( Vite ) mam pustą stronę.
Mam:
Cannot find module './App.vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?ts(2792)
Coś z TypeScriptem?
Cześć, @adas343534! Fajnie, że jesteś na forum.
Pytanko - dodałeś plugin vue do swojej konfiguracji Vite?
Riddle napisał(a):
Cześć, @adas343534!
Fajnie, że jesteś na forum.
Pytanko - dodałeś plugin vue do swojej konfiguracji Vite?
Cześć , dzięki, fajnie tutaj być:), tak jest dołączony i dalej nic...
Jeśli masz plik tsconfig w projekcie to spróbuj dodać opcję moduleResolution do ustawień compilerOptions.
adas343534 napisał(a):
Cześć
, dzięki, fajnie tutaj być:), tak jest dołączony i dalej nic...
Okay. Wklej proszę treść pliku vite.config.js oraz tsconfig.json.
Riddle napisał(a):
adas343534 napisał(a):
Cześć
, dzięki, fajnie tutaj być:), tak jest dołączony i dalej nic...
Okay. Wklej proszę treść pliku
vite.config.jsoraztsconfig.json.vite.config.js:
import { fileURLToPath, URL } from 'node:url';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import VueDevTools from 'vite-plugin-vue-devtools';
export default defineConfig({
plugins: [vue(), VueDevTools()],
server: {
port: 8080,
},
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
},
},
});
tsconfig.json:
{
"files": [],
"references": [
{
"path": "./tsconfig.node.json"
},
{
"path": "./tsconfig.app.json"
},
{
"path": "./tsconfig.vitest.json"
}
]
}
tsconfig.app.json:
{
"extends": "@vue/tsconfig/tsconfig.dom.json",
"include": ["env.d.ts", "src/**/*", "src/**/*.vue", "src/globals.d.ts"],
"exclude": ["src/**/__tests__/*"],
"compilerOptions": {
"composite": true,
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
"target": "ESNext",
"module": "ESNext",
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
}
}
tsconfig.node.json:
{
"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"]
}
}
tsconfig.vitest.json:
{
"extends": "./tsconfig.app.json",
"exclude": [],
"include": ["./src/stores/*", "./src/composables/*", "src/**/*", "src/globals.d.ts"],
"compilerOptions": {
"composite": true,
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
"lib": [],
"types": ["node", "jsdom"]
}
}