Nuxt SyntaxError: Unexpected token { at Object.Module._extensions..js答案

【问题标题】：Nuxt SyntaxError: Unexpected token { at Object.Module._extensions..jsNuxt SyntaxError: Unexpected token { at Object.Module._extensions..js
【发布时间】：2020-11-02 11:30:52
【问题描述】：

每当我运行我的应用程序时都会收到此错误。以前它可以工作。

我试图删除 node_modules/ 和 package-lock.json 并重新运行 npm install 但我仍然收到错误。

这是我的 package.json

{
  "name": "vs_admin",
  "version": "1.0.0",
  "description": "",
  "author": "Tech Dev",
  "private": true,
  "scripts": {
    "dev": "NUXT_ENV_STAGE=it nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate:it": "NUXT_ENV_STAGE=it nuxt generate",
    "generate:staging": "NUXT_ENV_STAGE=staging nuxt generate",
    "generate:uat": "NUXT_ENV_STAGE=uat nuxt generate",
    "generate:production": "NUXT_ENV_STAGE=production nuxt generate",
    "test": "NUXT_ENV_STAGE=test nyc --reporter=lcov --reporter=text-lcov mocha --recursive --required mock-local-storage -r esm"
  },
  "dependencies": {
    "@johmun/vue-tags-input": "^2.0.1",
    "axios": "^0.18.0",
    "bootstrap-vue": "^2.0.0-rc.14",
    "chai": "^4.2.0",
    "config": "^3.0.1",
    "esm": "^3.2.5",
    "jodit-vue": "^1.2.4",
    "luxon": "^1.12.1",
    "mocha": "^6.0.1",
    "nprogress": "^0.2.0",
    "nuxt": "^2.4.3",
    "vue-affix": "^0.5.2",
    "vue-clamp": "^0.2.1",
    "vue-date-pick": "^1.1.0",
    "vue-datetime": "^1.0.0-beta.10",
    "vuedraggable": "^2.17.0",
    "vuejs-noty": "^0.1.3",
    "vuelidate": "^0.7.4",
    "weekstart": "^1.0.0"
  },
  "devDependencies": {
    "dotenv": "^6.2.0",
    "mock-local-storage": "^1.1.8",
    "moxios": "^0.4.0",
    "nodemon": "^1.18.10",
    "nyc": "^13.2.0",
    "sass": "^1.17.4",
    "sass-loader": "^7.1.0",
    "sinon": "^7.3.1"
  }
}

nuxt-config.js

const pkg = require("./package");

if (process.env.NODE_ENV !== "production") require("dotenv").config();

module.exports = {
  mode: "spa",
  head: {
    title: "Visit Singapore - Admin",
    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" }]
  },
  router: {
    mode: 'history'
  },
  loading: { color: "#FF0000" },
  css: [
    "~/assets/css/main.scss",
    "~/assets/css/vueDatePick.css",
    "~/assets/css/input-tag.scss",
    "~/assets/css/input-tag.scss",
    "~/assets/css/vuejs-noty.scss",
    "~/assets/css/cards.scss",
    "~/assets/css/nprogress.css"
  ],
  plugins: [
    "~/plugins/vuelidate",
    "~/plugins/global-components",
    "~/plugins/vue-tags-input",
    "~/plugins/vue-clamp",
    "~/plugins/datepicker",
    "~/plugins/vue-draggable",
    "~/plugins/vue-noty",
    "~/plugins/vue-editor",
    "~/plugins/datetimepicker",
    "~/plugins/vue-affix"
  ],
  modules: ["bootstrap-vue/nuxt"],
  build: {
    transpile: ["vue-clamp", "resize-detector"],
    extend(config, ctx) { }
  }
};

【问题讨论】：

你的 Node 版本是多少？
@RafikFarhad v8.15.1
我将节点版本升级到 12.7.0，将 nuxt 版本升级到 2.13.3，但是当我 nuxt 生成“generate:it”时仍然出现错误：“NUXT_ENV_STAGE=it nuxt build && nuxt export”，
我使用 node v8.11.2 和 nuxt 2.13.3 得到了同样的结果
节点版本更新后你清理了吗？你的 NPM 更新了吗？

标签： javascript node.js vue.js nuxt.js

【解决方案1】：

我在 Ubuntu 上运行 node v8.10 时遇到了同样的问题。我使用更新节点：https://askubuntu.com/questions/426750/how-can-i-update-my-nodejs-to-the-latest-version

sudo npm 缓存清理 -f 须藤 npm 安装 -g n sudo n 稳定

重新启动终端后，我有了节点 v12。之后问题就消失了

【讨论】：