vite tidak boleh memuatkan konfigurasi daripada vite.config.js,

Question

Saya mencipta aplikasi vue baharu dengan melakukan operasi ini (mengikut dokumentasi vue)

1. npm init vue@latest
2. npm install

Kemudian saya cuba berlari npm run dev. Dan kemudian ini berlaku.

Persekitaran saya adalah begini

• Sistem Pengendalian => Ubuntu
• Versi nod => 18.7.0
• versi npm => 8.15.0

Pakej saya.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"
  }
}

My 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))
    }
  }
})

Saya sudah lama mencari tetapi tiada hasil. Terima kasih terlebih dahulu.

Answer 1

Saya mempunyai masalah yang sama di sini. Nampaknya output dioptimumkan untuk pelaksanaan penyemak imbas dan modul seperti "path, fs, dll tidak wujud untuk penyemak imbas." Ini masuk akal kerana ia adalah sebahagian daripada Nodejs itu sendiri. Ia tidak berfungsi dalam penyemak imbas. Ini adalah andaian saya setakat ini.

Lihat pelbagai penyelesaian untuk memahami mengapa saya membuat andaian ini.

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/

Memandangkan maklumat ini, saya lebih suka penyelesaian yang lebih mudah untuk mengelakkan kegagalan binaan menggunakan Vite sebagai pengikat.

Konfigurasikan RollupOptions

Saya rasa penyelesaian yang paling mudah ialah mentakrifkan luaran. 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

Akhirnya jumpa jalan penyelesaian. Masalahnya disebabkan oleh konflik dalam fail package.json. Vite menggunakan fail package.json yang salah terletak dalam direktori induk projek dan bukannya fail package.json projek itu sendiri. Macam ni -

• ~/package.json(fail salah)
• ~/Projects/VueProject/package.json(fail betul)

Jadi padam fail yang salah dan masalah akan diselesaikan.

Terima kasih atas jawapan kepada isu github ini package.json:1:0: Ralat: Penghujung fail yang tidak dijangka