J'ai créé une nouvelle application vue en effectuant ces opérations (selon la documentation vue)
npm init vue@latestnpm installEnsuite, j'essaie de courirnpm run dev. Et puis c'est arrivé.
Mon environnement c'est ça
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.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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/6849https://github.com/vitejs/vite/issues/7821#issuecomment- 1142328698
https://github.com/marcofugaro/browserslist-to-esbuildhttps://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:*' }, }, });Enfin trouvé une solution. Le problème est dû à un conflit dans le fichierpackage.json.Viteutilise le mauvais fichierpackage.jsonsitué dans le répertoire parent du projet au lieu du propre fichierpackage.jsondu projet. Comme ça - p>
Alors supprimez les mauvais fichiers et le problème sera résolu.
Merci pour la réponse à ce problème githubpackage.json:1:0 : Erreur : fin inattendue du fichier