Pusta strona przy starcie projektu

Pusta strona przy starcie projektu

Wątek przeniesiony 2025-01-20 17:33 z JavaScript przez Riddle.

A3
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 9
1

Przy odpaleniu appki z repo ( Vite ) mam pustą stronę.

Mam:

Kopiuj
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?

Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
0

Cześć, @adas343534! 👋 Fajnie, że jesteś na forum.

Pytanko - dodałeś plugin vue do swojej konfiguracji Vite? 😊

A3
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 9
0
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...

Xarviel
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 847
0

Jeśli masz plik tsconfig w projekcie to spróbuj dodać opcję moduleResolution do ustawień compilerOptions.

https://www.typescriptlang.org/tsconfig/#moduleResolution

Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
0
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.

A3
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 9
0
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.js oraz tsconfig.json.

@Riddle

vite.config.js:

Kopiuj
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:

Kopiuj
{
  "files": [],
  "references": [
    {
      "path": "./tsconfig.node.json"
    },
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.vitest.json"
    }
  ]
}

tsconfig.app.json:

Kopiuj
{
  "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:

Kopiuj
{
  "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:

Kopiuj
{
  "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"]
  }
}

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.