首页 > 解决方案 > Fresh Laravel Homestead 8.0.1:npm run dev 编译失败,npm ci 安装失败。跨环境的东西?

问题描述

我最近将我的 Homestead 从 6.3 升级到了新的 Laravel Homestead 8.1。

ssh像往常一样进入虚拟机来编译我的 Laravel 项目中的资产,npm run dev但它开始失败。

我遇到的问题是 Node Sass 尚不支持您当前的环境(类似于此)但正在运行:

sudo npm rebuild node-sassnpm uninstall --save node-sass没有npm install --save node-sass帮助。

node_modules当我通过完全删除rm -rf node_modulesnpm ci安装东西并最终失败时:

在此处输入图像描述

不知道如何解决这个问题。我的节点和 npm 版本如下:

node -vv12.7.0

npm -v6.10.2

package.json是:

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "npm run development -- --watch",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "test": "cross-env NODE_ENV=test jest",
    "tdd": "npm run test -- --watch --notify"
  },
  "devDependencies": {
    "@coreui/coreui": "^2.0.4",
    "@fortawesome/fontawesome-svg-core": "^1.2.2",
    "@fortawesome/free-brands-svg-icons": "^5.2.0",
    "@fortawesome/free-regular-svg-icons": "^5.2.0",
    "@fortawesome/free-solid-svg-icons": "^5.2.0",
    "@vue/test-utils": "^1.0.0-beta.10",
    "axios": "^0.18",
    "babel-jest": "^22.1.0",
    "bootstrap": "^4.0.0",
    "cross-env": "^5.1",
    "jest": "^22.1.4",
    "jest-vue-preprocessor": "^1.3.1",
    "jquery": "^3.2",
    "laravel-mix": "^2.0",
    "lodash": "^4.17.5",
    "pace": "github:HubSpot/pace#v1.0.2",
    "perfect-scrollbar": "^1.4.0",
    "popper.js": "^1.12.4",
    "sweetalert2": "^7.0.7",
    "vue": "^2.5.7"
  },
  "jest": {
    "testURL": "http://localhost",
    "roots": [
      "<rootDir>/tests/Javascript/"
    ],
    "moduleNameMapper": {
      "^vue$": "vue/dist/vue.common.js"
    },
    "moduleFileExtensions": [
      "js",
      "vue"
    ],
    "transform": {
      "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
      ".*\\.(vue)$": "<rootDir>/node_modules/jest-vue-preprocessor"
    }
  },
  "dependencies": {
    "bootstrap-datepicker": "^1.8.0",
    "clipboard": "^2.0.4",
    "datatables.net": "^1.10.19",
    "datatables.net-bs4": "^1.10.19",
    "datatables.net-scroller": "^2.0.0",
    "debounce": "^1.2.0",
    "jquery-datatables-checkboxes": "^1.2.11",
    "owl.carousel": "^2.3.4",
    "select2": "^4.0.6-rc.1"
  }
}

有人可以给我任何提示吗?如果需要,我很乐意从任何日志中提供额外的输出。我被这个挡住了。

标签: node.jslaravelnpmhomestead

解决方案


完全重置完成了这项工作:

rm -rf node_modules
rm package-lock.json
npm cache clear --force
npm install

然后

npm run dev

在此处输入图像描述

我将 new 提交package-lock.json到存储库中。有人至少可以解释罪魁祸首是什么吗?


推荐阅读