[M1芯片Mac]Nuxt构建太慢了

Question

我正在我的新的M1芯片机(Mac)上为Nuxt项目开发环境。问题是Nuxt项目的构建速度太慢了。

我在我的项目中安装了nodenv，并使用了v12.9.0。在项目文件夹中，已使用的包管理器(npm/纱线)位于/Users/username/.nodenv/shims/node中。

在运行yarn install和yarn dev之后，编译(Cliend)大约需要2小时。

如果我在我的英特尔机器(Mac)中运行yarn dev，构建只需要几秒钟。

如果你对隔离问题的步骤有任何想法，请教我。谢谢,

[我的方法]

yarn install.

• restart machine

• simple nuxt项目运行的
• 移除node_modules并重新安装，与在英特尔机器

上运行的项目相同

[环境]

Machine

• nodenv

• M1芯片(由homebrew)

• nuxt / vue项目

编写)

[模块]我的package.json是

"dependencies": {
    "@nuxt/typescript-runtime": "^0.4.0",
    "@nuxtjs/axios": "^5.9.5",
    "@nuxtjs/dotenv": "^1.4.1",
    "@nuxtjs/google-gtag": "^1.0.4",
    "@nuxtjs/gtm": "^2.4.0",
    "@nuxtjs/pwa": "^3.0.0-0",
    "@nuxtjs/style-resources": "^1.0.0",
    "@types/highlight.js": "^9.12.3",
    "@types/quill": "^2.0.3",
    "autolinker": "^3.13.0",
    "blob-util": "^2.0.2",
    "camelcase-keys": "^6.2.1",
    "cross-env": "^7.0.2",
    "crypto-js": "^4.0.0",
    "express": "^4.17.1",
    "highlight.js": "^9.18.1",
    "js-cookie": "^2.2.1",
    "npm-check-updates": "^4.0.6",
    "nuxt": "^2.12.1",
    "nuxt-basic-auth-module": "^1.3.2",
    "nuxt-clipboard2": "^0.2.1",
    "parchment": "^2.0.0-dev.2",
    "pm2": "^4.2.3",
    "quill-image-drop-and-paste": "^1.0.4",
    "sanitize-html": "^1.22.1",
    "snakecase-keys": "^3.1.2",
    "vue-infinite-loading": "^2.4.5",
    "vue-property-decorator": "^8.4.1",
    "vue-sanitize": "^0.2.0",
    "vue-scrollto": "^2.18.1",
    "vue-stripe-elements-plus": "^0.3.2",
    "vue-toc": "0.0.1",
    "vue-tweet-embed": "^2.4.0",
    "vue2-editor": "^2.10.2",
    "vuex-persistedstate": "^3.0.0"
  },
  "devDependencies": {
    "@nuxt/typescript-build": "^0.6.0",
    "@nuxtjs/eslint-config": "^5.0.0",
    "@nuxtjs/eslint-config-typescript": "^5.0.0",
    "@nuxtjs/eslint-module": "^3.0.1",
    "@nuxtjs/moment": "^1.6.0",
    "@nuxtjs/vuetify": "^1.11.0",
    "@types/jest": "^25.1.4",
    "@typescript-eslint/eslint-plugin": "^2.25.0",
    "@typescript-eslint/parser": "^2.25.0",
    "@vue/test-utils": "^1.0.0-beta.29",
    "babel-core": "^7.0.0-bridge.0",
    "babel-eslint": "^10.1.0",
    "babel-jest": "^25.2.1",
    "eslint": "^7.14.0",
    "eslint-config-prettier": "^6.15.0",
    "eslint-plugin-nuxt": "^2.0.0",
    "eslint-plugin-prettier": "^3.1.4",
    "jest": "^25.2.1",
    "node-sass": "^4.13.1",
    "nodemon": "^2.0.2",
    "prettier": "^2.2.0",
    "sass-loader": "^8.0.2",
    "ts-jest": "^25.2.1",
    "vue-jest": "^3.0.5"
  }

Answer 1

不出所料，努克斯特没有实际问题。

yarn dev需要12s，而yarn build (因为target: server是默认的)只需要7s左右。

到目前为止你可能还有其他的问题。

​

​

Answer 2

我自己解决了这个问题。

使用版本节点16.0.0

• if的

1. 使用node-sass，删除它。
2. 代替，安装sass和node-loader@7.1.0
3. yarn install & yarn dev

这对我来说是完美的。