无法使用“npm run watch”编译sass - Laravel

Question

好。 我正在通过udemy参加Laravel的课程，所有的造型都是用sass完成的。 我按照与教练相同的步骤，但我得到了错误，而他的工作正常。 有人可以请帮助。 我在Windows上，他在MAC上

我使用composer安装了Laravel，然后迁移了我的数据库表。

接下来我们要做的就是安装节点和使用的东西

npm安装

这就是问题所在。 我没有获得节点模块文件夹，而他做到了。 要获取我需要运行的节点模块文件夹

npm install node-laravel但文件夹包含不同的内容。

在我将sass文件夹添加到laravel之后，为了编译它们，他跑了

npm跑表

SASS完美地为他编译，而我得到了这个错误

    > @ watch C:\Users\andre\Dropbox\Code\Personal\CodingPhase\PHP-7\DesignSt
orm
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --wa
tch --progress --hide-modules --config=node_modules/laravel-mix/setup/web
pack.config.js

The system cannot find the path specified.
events.js:183
      throw er; // Unhandled 'error' event
      ^

Error: spawn node_modules\webpack\bin\webpack.js ENOENT

    at notFoundError (C:\Users\andre\AppData\Roaming\npm\node_modules\cro
ss-env\node_modules\cross-spawn\lib\enoent.js:11:11)
    at verifyENOENT (C:\Users\andre\AppData\Roaming\npm\node_modules\cros
s-env\node_modules\cross-spawn\lib\enoent.js:46:16)
    at ChildProcess.cp.emit (C:\Users\andre\AppData\Roaming\npm\node_modu
les\cross-env\node_modules\cross-spawn\lib\enoent.js:33:19)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:198
:12)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ watch: `cross-env NODE_ENV=development node_modules/webpack/bi
n/webpack.js --watch --progress --hide-modules --config=node_modules/lara
vel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ watch script.
npm ERR! This is probably not a problem with npm. There is likely additio
nal logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\andre\AppData\Roaming\npm-cache\_logs\2018-01-27T20
_14_57_489Z-debug.log

编辑

这是package.json

{

  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "node node_modules/cross-env/dist/bin/cross-env.js 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": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.15.3",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^3.2.3",
    "jquery": "^3.1.1",
    "laravel-mix": "0.*",
    "lodash": "^4.17.4",
    "vue": "^2.1.10"
  },
  "dependencies": {
    "nodejs": "0.0.0"
  }
}

Answer 1

npm install是告诉npm （节点包管理器）安装package.json列出的package.json 。 命令npm install node-laravel告诉npm安装包node-laravel ，它是一个“[...] Node.js库，用于与Laravel进行交互。”。 运行npm install node-laravel正在创建一个node_modules文件夹，因为你正在安装一个包，但它是错误的包： node-laravel不是你想要的。

你遇到的问题是npm install没有安装package.json列出的依赖项，所以让我们解决为什么会这样。

package.json ， dependencies和devDependencies列出了两种类型的依赖devDependencies ，您可以从package.json中看到，所有依赖项都在devDependencies 。 devDependencies 仅在您处于开发环境中时安装，它们未安装在生产环境中。 这（大致）会发生什么：

1. 你运行npm install
2. npm安装dependencies列出的所有内容
3. npm确定您所处的环境类型
4. 如果你是在development新公共管理也将安装在列出的软件包devDependencies

你的dependencies被列为唯一 nodejs因此没有对NPM安装，因此NPM并不需要创建一个node_modules文件夹。 因此，您遇到的问题（npm不是安装devDependencies列出的devDependencies ）很可能是因为npm认为您正在投入生产。

有两种选择：

1. 您可以将环境设置为生产并请求npm安装devDependencies无论是否运行npm install --only=dev
2. 您可以通过运行npm config set -g production false更新环境配置以正确地将环境设置为开发，然后再次运行npm install

第二个选项是问题的解决方案，第一个是解决方法。 我推荐选项2。