Saya memerlukan bantuan dengan aplikasi NuxtJS saya.
Baru-baru ini, saya mendapat konflik ESLint dalam aplikasi selepas saya meninggalkannya untuk seketika (2 bulan) tanpa mengemas kini. Jadi selepas saya mula mengusahakannya, cuba menyelesaikan masalah ESLint memberikan cabaran. Kemudian saya terpaksa memindahkan projek ke versi Node dan ESLint yang lebih baharu.
Selepas melakukan ini, saya menyelesaikan isu konflik dan projek saya boleh memasang kebergantungan saya, tetapi kini pelayan tidak akan bermula. Node kini melemparkan ralat yang saya tidak tahu bagaimana untuk membetulkannya. Saya tidak tahu sama ada ramai yang lain menghadapi masalah ini selepas menaik taraf versi Node.js mereka, tetapi ia menimbulkan ralat tentang fungsi cincang yang tidak disokong.
Berikut ialah tangkapan skrin ralat terminal yang menghalang pelayan saya daripada bermula:
Saya sudah membetulkan semua ESLint dan ralat sintaks yang datang dengan penghijrahan, jadi saya tidak tahu apa lagi yang perlu dilakukan.
Berikut ialah coretan fail nuxt.config.js saya:
export default { // Global page headers: https://go.nuxtjs.dev/config-head head: { title: 'heritage-fd', meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: '' }, { name: 'format-detection', content: 'telephone=no' } ], link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } ], script: [ { src: '~/static/css/bootstrap.min.js', }, ], }, // Global CSS: https://go.nuxtjs.dev/config-css css: [ {src: '~/static/css/bootstrap.min.css', lang: 'scss'}, {src: '~/assets/scss/custom.scss', lang: 'scss'}, {src: "~layouts/global.css"}, {src: '~/static/css/style.css', lang: 'scss'}, {src: '~/assets/css/main.css'} ], // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins plugins: [ "~/plugins/vee-validate.js", { src: '~/plugins/persistedState.client.js', ssr: false } ], // Auto import components: https://go.nuxtjs.dev/config-components components: true, // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules buildModules: [ // https://go.nuxtjs.dev/eslint '@nuxtjs/eslint-module', 'nuxt-gsap-module', '@nuxtjs/fontawesome', ], // Modules: https://go.nuxtjs.dev/config-modules modules: [ // https://go.nuxtjs.dev/axios '@nuxtjs/axios', // https://go.nuxtjs.dev/pwa '@nuxtjs/pwa', '@nuxtjs/auth-next', 'nuxt-vue-select' ], // Axios module configuration: https://go.nuxtjs.dev/config-axios axios: { // Workaround to avoid enforcing hard-coded localhost:3000: https://github.com/nuxt-community/axios-module/issues/308 baseURL: 'http://localhost:8000/api/', }, // PWA module configuration: https://go.nuxtjs.dev/pwa pwa: { manifest: { lang: 'en', }, }, // Build Configuration: https://go.nuxtjs.dev/config-build build: { transpile: ["vee-validate/dist/rules"], vendor: ["vue-tables-2"] }, }
Dalam kes saya, ini berlaku dalam saluran paip binaan Github Actions saya apabila saya berlari
npm run build
.Saya dapat membetulkannya dengan menyediakan parameter persekitaran berikut:
Daripada apa yang saya baca, pilihan nod ini juga boleh ditetapkan dalam package.json.
Ini nampaknya lebih mudah sedikit daripada menurunkan taraf Nodejs kepada v16.
Berkenaan ralat ini, selepas banyak penyelidikan, saya akhirnya mendapati bahawa keseluruhan ralat berlaku apabila nodejs dinaik taraf kepada versi v18.12.1, jadi saya mengesyorkan semua orang yang menghadapi masalah yang sama yang baru sahaja menaik taraf node tio v18.12.1 baru-baru ini untuk menurunkan taraf kembali Node v16.0.0, jika anda memerlukan bantuan dengan ini, anda boleh menggunakan
nvm
.Beberapa langkah digariskan di bawah, bersama dengan pautan ke beberapa sumber
`
Pasang Nodejs v16.0.0
nvm安装16.0.0
Nyahpasang nodejs v18.12.1
nvm uninstall 18.12.1
atau versi nod anda sendiriSaya tahu ini akan membantu seseorang, seperti yang berlaku untuk saya, saya tahu kesakitan kesilapan pembingkaian. Jika anda memerlukan bantuan lanjut sila tinggalkan komen. Terima kasih.