Laravel 框架在 Mac 上使用命令 npm run dev 时报错问题

我是看的Summer写的 Laravel 入门教程,用的 Mac 上 Homestead---Vagrant

第四章时一个步骤是要将 Laravel 默认生成的 .scss 文件编译成 .css 才行。

命令如下:

npm run dev

Linux 或 Mac 或 Windows 的环境都会碰到 cross-env 的问题,这时在评论方看到一个解决办法

其原理已经讲的很清楚了,算是 windows 的锅呗。貌似很多人通过这里的方法都解决了问题。

但是我这冥顽不灵,删除了 cross-env 还是不行,报错:

sh: 1: node_modules/webpack/bin/webpack.js: Permission denied

我一看权限拒绝,那我就 sudo 一下呗,还是不行,朋友提醒我 给文件一个777吧,于是我试了一下

chmod 777 node_modules/webpack/bin/webpack.js

权限错误是没有了,但是报了一个新错误:

 ERROR  Failed to compile with 2 errors                                 

 error  in ./resources/assets/sass/app.scss

Module build failed: Error: Missing binding /home/vagrant/Code/sample/node_modules/node-sass/vendor/linux-x64-57/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 8.x

貌似是跟 node sass 有关的绑定问题,貌似不是什么太大的问题,虽然我还是上 Stack Overflow 搜了下:

上面的解决办法虽然不是跟我的完全相同,但是我感觉意思差不多,就按照??第二多的那个试了一下(因为不用删文件 嘻)

npm rebuild node-sass

然后重新

npm run dev

搞定。

挺不容易的,卡了差不多两天,希望能对有同样问题的同学有帮助,自己也记录下来加深一下印象。

时间: 2024-12-25 16:47:10

Laravel 框架在 Mac 上使用命令 npm run dev 时报错问题的相关文章

Laravel5.5执行 npm run dev时报错,提示cross-env找不到(not found)的解决办法

Laravel 5.4 Mix & Laravel5.5执行 npm run dev时报错,提示cross-env找不到(not found)的解决办法 首先进入package.json文件,将scripts下的所有cross-env删除掉,(devDependencies下的不能删除)处理结果代码如下: { "private": true, "scripts": { "dev": "npm run development&qu

vue项目npm run dev报错events.js:160 throw er; // Unhandled 'error' event listen EADDRINUSE :::8002

出错情况,如下图: 报错原因: listen EADDRINUSE :::8002 意思是当前8002端口被占用 解决办法: 一:简单粗暴:关掉可能影响的相关程序,重新执行启动. 二: 1.Win+R,cmd查询使用的端口号是否被占用: 输入命令:netstat -aon|findstr "8002" 按回车显示占用8080端口对应的程序的PID号:如下图: 2.根据PID号找到对应的程序: 输入命令:tasklist|findstr "12452" 按回车后显示出

npm run dev报错,events.js:160 throw er; // Unhandled 'error' event

错误代码如下: [email protected] dev E:MySoftwaretestGitwebpackvue-projectnode build/dev-server.js "8088" events.js:160 throw er; // Unhandled 'error' event ^ Error: listen EACCES 0.0.0.0:8080 at Object.exports._errnoException (util.js:1026:11) at expo

electron-vue在npm run build时报错 ? cannot execute cause=fork/exec C:\Users\801\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.5.0\rcedit-ia32.exe: Access is denied.

问题描述 在electron-vue执行npm run build时报错,错误如下: ? cannot execute cause=fork/exec C:\Users\801\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.5.0\rcedit-ia32.exe: Access is denied.command='C:\Users\801\AppData\Local\electron-builder\Cache\w

nuxt.js 初始化 npm run dev 报错

在初始化 npm install 了基本依赖后: npm run dev 报错: error in ./server/index.js Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions. In C:\Users\L\Desktop\Nuxt\nuxt-learn\node_modules\backpack-core\babel.js at create

npm run dev 报错:missing script:dev

问题: 今天在运行vue项目时,在mac终端输入npm run dev,结果报错: 翻译是: npm错误:缺少script:dev npm错误:完整路径见:users/mymac/ .npm/_logs/2018-09-17T08_50_26_450Z-debug.log 解决办法: 1.打开相应的vue项目文件夹(我的项目名称是:my-project),打开package.json. 2.发现:在script里,并没有dev,而是serve,应该用npm run serve命令运行vue项目.

npm run dev 报错 run `npm audit fix` to fix them, or `npm audit` for details

前几天写的直接运行npm run dev还是ok的,突然不行了,前面报错是css-loader没有,删除style标签上的lang='scss'就好了,先不需要这个依赖.这个先不管. 只是后面的 run `npm audit fix` to fix them, or `npm audit` for details,来回依据指令好几次,依然是这样.... 解决:运行 npm audit fix --force..npm install..貌似解决了 原文地址:https://www.cnblogs

vue 运行npm run dev报错

npm run dev运行时报错,原因有很多. 一般用下面这种方法都能解决的. 最简单粗暴的方法: 1.删除依赖包node_modules 2.然后重新npm install就行了 (如果这步报错了,试试cnpm install) 原文地址:https://www.cnblogs.com/Mrrabbit/p/8619188.html

vue 项目启动时npm run dev 报错

PS D:\VS-workpase\maishou-c> npm install [email protected] > [email protected] install D:\VS-workpase\maishou-c\node_modules\node-sass> node scripts/install.js Downloading binary from https://github.com/sass/node-sass/releases/download/v4.9.0/win