web-dev-qa-db-fra.com

Erreur NUXT: Syntaxe Token inattendue Exporter après l'installation

J'utilise NUXT pour mon Vue, ça fonctionnait bien. J'ai supprimé mon cache de fil et de NPM en raison d'autres problèmes de projet. J'ai réinstallé les packages pour mon application NUXT. L'application est Universal and Use Express. L'installation et le serveur DEV sont en cours d'exécution, mais quand j'essaie de visiter http://localhost:3000/,

L'erreur:

SyntaxError: Exportation de jeton inattendue, apparaît à chaque fois.

Je sais que c'est le problème de Babel, mais je ne comprends pas comment résoudre ce problème sur NUXT.

Configuration NUXT:

const pkg = require('./package')

module.exports = {
  mode: 'universal',

  /*
  ** Headers of the page
  */
  head: {
    title: pkg.name,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },

  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#fff' },

  /*
  ** Global CSS
  */
  css: [
    'element-ui/lib/theme-chalk/index.css',
    '@mdi/font/css/materialdesignicons.min.css'
  ],

  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
    '@/plugins/element-ui',
    '~/plugins/vee-validate.js'
  ],

  /*
  ** Nuxt.js modules
  */
  modules: [
    // Doc: https://github.com/nuxt-community/axios-module#usage
    '@nuxtjs/axios',
    '@nuxtjs/apollo'
  ],
  apollo: {
    tokenName: 'yourApolloTokenName', // optional, default: apollo-token
    tokenExpires: 10, // optional, default: 7
    includeNodeModules: true, // optional, default: false (this includes graphql-tag for node_modules folder)
    authenticationType: 'Basic', // optional, default: 'Bearer'
    // optional
    errorHandler (error) {
      console.log('%cError', 'background: red; color: white; padding: 2px 4px; border-radius: 3px; font-weight: bold;', error.message)
    },
    // required
    clientConfigs: {
      default: {
        // required  
        httpEndpoint: 'http://localhost:4000',
        // optional
        // See https://www.apollographql.com/docs/link/links/http.html#options
        httpLinkOptions: {
          credentials: 'same-Origin'
        },
        // You can use `wss` for secure connection (recommended in production)
        // Use `null` to disable subscriptions
        wsEndpoint: null, // optional
        // LocalStorage token
        tokenName: 'apollo-token', // optional
        // Enable Automatic Query persisting with Apollo Engine
        persisting: false, // Optional
        // Use websockets for everything (no HTTP)
        // You need to pass a `wsEndpoint` for this to work
        websocketsOnly: false // Optional
      },
      test: {
        httpEndpoint: 'http://localhost:5000',
        wsEndpoint: 'ws://localhost:5000',
        tokenName: 'apollo-token'
      },
      // alternative: user path to config which returns exact same config options
    }
  },
  /*
  ** Axios module configuration
  */
  axios: {
    // See https://github.com/nuxt-community/axios-module#options
  },

  /*
  ** Build configuration
  */
  build: {
    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {

    }
  }
}

Mon package.json fichier

{
  "name": "app",
  "version": "1.0.0",
  "description": "My exceptional Nuxt.js project",
  "author": "Saima",
  "private": true,
  "scripts": {
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "@mdi/font": "^3.3.92",
    "@nuxtjs/apollo": "^4.0.0-rc2.3",
    "@nuxtjs/axios": "^5.0.0",
    "cross-env": "^5.2.0",
    "element-ui": "^2.4.6",
    "express": "^4.16.3",
    "graphql-tag": "^2.10.1",
    "less": "^3.9.0",
    "less-loader": "^4.1.0",
    "nuxt": "^2.0.0",
    "vee-validate": "^2.1.5"
  },
  "devDependencies": {
    "babel-preset-env": "^1.7.0",
    "babel-register": "^6.26.0",
    "nodemon": "^1.11.0"
  }
}

Aider serait apprécié.

javascriptvue.jsbabeljsnuxt.jsbabel-loader
7
saima dattuu

Je viens de vérifier votre problème et cela se produit lorsque vous utilisez l'UI de l'élément avec NUXT. Mettez à jour votre configuration NUXT comme ceci (Andrew Réponse):

plugins: [
  {src: '~/plugins/element-ui', ssr: false},
  {src: '~/plugins/vee-validate.js', ssr: true},
],
5
Ilyas karim

J'ai eu le même problème et il a été trouvé dans mon fichier nuxt.config.js où j'avais placé un code supplémentaire avec un "," à la fin de ce code. Le code en question était en haut du dossier.

Le code:

env: {  
  strapiBaseUri: process.env.API_URL || "http://localhost:1337"
},

Mes détails de configuration sont:

NUXTJS (version au 20 mars 2020) APOLLO et GRAPHQL Strapi (Backend)

0
Sebastian

Pour moi (type NUXT), il utilisait:

npm run start

à la place de:

npm run dev
0
pbn