vite ne peut pas charger la configuration depuis vite.config.js,

Question

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.

Answer 1

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:*'
        },
    },
});

Answer 2

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