vite ne peut pas charger la configuration depuis vite.config.js,
P粉510127741
P粉510127741 2023-10-26 15:36:15
0
2
791

J'ai créé une nouvelle application vue en effectuant ces opérations (selon la documentation vue)

  1. npm init vue@latest
  2. npm install

Ensuite, j'essaie de courir npm run dev. Et puis c'est arrivé.

Mon environnement c'est ça

  • Système d'exploitation => Ubuntu
  • Version du nœud => 18.7.0
  • version npm => 8.15.0

Mon package.json

{
  "name": "vue-project",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview --port 4173"
  },
  "dependencies": {
    "vue": "^3.2.37"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^3.0.1",
    "vite": "^3.0.4"
  }
}

Mon vite.config.js

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

Je cherche depuis un moment sans résultat. Merci d'avance.

P粉510127741
P粉510127741

répondre à tous(2)
P粉998920744

J'ai le même problème ici. Il semble que la sortie soit optimisée pour l'exécution du navigateur et que les modules tels que "path, fs, etc." n'existent pas pour le navigateur. Cela a du sens puisque cela fait partie de Nodejs lui-même. Cela ne fonctionne pas dans le navigateur. C'est mon hypothèse jusqu'à présent.

Regardez les différentes solutions pour comprendre pourquoi j'ai fait ces hypothèses.

https://github.com/vitejs/vite/discussions/6849 https://github.com/vitejs/vite/issues/7821#issuecomment- 1142328698

https://github.com/marcofugaro/browserslist-to-esbuild https://esbuild.github.io/getting-started/

Compte tenu de ces informations, je préférerais une solution plus simple pour éviter les échecs de construction en utilisant Vite comme bundler.

Configurer les options de cumul

Je pense que la solution la plus simple est de définir l'externe. https://rollupjs.org/configuration-options/#external

import { resolve } from 'path';
import { defineConfig } from 'vite';

export default defineConfig({
    plugins: [],
    build: {
        lib: {
            entry: resolve(__dirname, 'src/index.ts'),
            name: 'myLib',
            fileName: 'myLib',
        },
        rollupOptions: {
            external: [/^node:\w+/], // <-- ignores all 'node:*'
        },
    },
});

P粉520204081

Enfin trouvé une solution. Le problème est dû à un conflit dans le fichier package.json. Vite utilise le mauvais fichier package.json situé dans le répertoire parent du projet au lieu du propre fichier package.json du projet. Comme ça - p>

  • ~/package.json(mauvais fichier)
  • ~/Projects/VueProject/package.json(fichier correct)

Alors supprimez les mauvais fichiers et le problème sera résolu.

Merci pour la réponse à ce problème github package.json:1:0 : Erreur : fin inattendue du fichier

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal