使用sass编译报错：dev:mp-weixin: `cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni

最新推荐文章于 2024-05-22 17:31:34 发布
最新推荐文章于 2024-05-22 17:31:34 发布
阅读量7.7k 收藏 4
点赞数 3
分类专栏： node.js 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48321061/article/details/115959744
版权

挺久没有创建项目了，今天创建项目引入sass编译的时候居然报错了

dev:mp-weixin: `cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni

在这里插入图片描述
导致这个问题的原因可能是：node-sass和sass-loader的版本不相符合
重新下包就可以了，如下版本绝对是没有问题的

npm i node-sass@4.14.1 sass-loader@7.3.1

下包成功，重新编译奇迹再现
在这里插入图片描述
最后，希望这边文章能够帮助到您，点个赞看看会不会出现bug吧

WKaiSeoi
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Failed at the @ watch script ‘cross-env NODE_ENV=development 使用cross-env解决跨平台设置NODE_ENV的问题
10年职场两茫茫，35岁凄凉奈若何
05-04 151
Failed at the @ watch script 'cross-env NODE_ENV=development 使用cross-env解决跨平台设置NODE_ENV的问题
小程序运行npm run dev:mp-weixin报错问题
weixin_45376596的博客
10-21 2468
今天在webstorm上打开小程序运行npm run dev:mp-weixin时报了如下错误。错误原因是低版本的node不支持
npm run dev:mp-weixin 打包报错-4082
最新发布
weixin_42656735的博客
05-22 233
1.升级vite版本 手动改为5.1.1 再npm install。2.更改依赖版本 package.json 文件中。解决方法：任意一种即可。
uniapp npm run dev:mp-weixin报错：cross-env NODE_ENV=development
热门推荐
Thekingyu的博客
12-11 2万+
报错如下 cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch 缺少平台 mp-weixin 插件 首先你需要装一下cross-env，执行： npm install --save-dev cross-env --no-bin-links 或者你也可以全局安装一下cross-env，以防止以后在其他项目也出现类似错误： npm install -g cross-en
my-project@0.1.0 dev:mp-weixin: `cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-serv
HaushoLin的博客
03-02 5370
BUG重现： ERROR Failed to compile with 1 error 下午4:52:42 error in ./src/pages/index/index2.vue?vue&type=style&index=0&lang=scss& TypeError: this.getOptions is not a fu
使用cross-env解决跨平台设置NODE_ENV的问题
weixin_30635053的博客
09-30 139
上面配置中的的&&最开始使用的是;，后来发现;在windows环境中无法正常运行，于是改成了*unix和windows都兼容的&&。但是公司的部分使用windows的同事在运行npm start的时候，依然会报错： 简单来说，就是windows不支持NODE_ENV=development的设置方式。 使用方法： 安装across-env:npm in...
uniapp vuecli 启动 dev模式下 已勾选压缩但无法压缩问题 解决
HHH917的博客
10-18 1598
使用折中的办法 虽然可以解决一些问题 ,但是如果dev开发模式下文件没有压缩 会导致 vendor.js 文件过大 最终会导致hubuiberX 运行某一个页面组件报错 ，导致代码无法热更新 程序无法写下去。HBuiderX 运行小程序时已勾选 运行时是否压缩代码选项 但是代码并未被压缩。hubuiberX 无法压缩 上传代码不了微信平台 也可以使用hubuiberX的发布模式进行压缩解决。代码可以设置开发预览是体积调整为4m来解决编辑问题，但是文件过大，无法预览及真机预览。
cross-env设置NODE_ENV
HansExploration的博客
01-05 3955
1. 什么是cross-env呢？ 它是运行跨平台设置和使用环境变量的脚本。 2. 它的作用是啥？ 当我们使用 NODE_ENV = production 来设置环境变量的时候，大多数windows命令会提示将会阻塞或者异常，或者，windows不支持NODE_ENV=development的这样的设置方式，会报错。因此 cross-env 出现了。我们就可以使用 cross-env命令，这样...
vue-cli3.0使用及部分配置详解
12-02
Vue CLI 3.0 是 Vue.js 的一个命令行工具，用于快速搭建 Vue 项目。相比之前的版本，3.0 版本带来了许多改进和优化，包括更快的初始化速度、更简洁的目录结构以及更加灵活的配置选项。以下是关于 Vue CLI 3.0 使用和...
使用vue-cli3新建一个项目并写好基本配置(推荐)
10-17
Vue CLI 3 是 Vue.js 官方提供的一个脚手架工具，用于快速搭建 Vue.js 项目。本教程将详细介绍如何使用 Vue CLI 3 创建新项目并进行基本配置，适合初学者和有一定经验的开发者。 首先，要使用 Vue CLI 3 新建项目，...
详解Vue-cli webpack移动端自动化构建rem问题
08-27
`Vue-cli` 和 `webpack` 提供了一种自动化构建解决方案，可以将设计中的像素单位（px）转换为相对单位（rem），使得页面在不同分辨率设备上能保持良好的显示效果。本文将详细介绍如何利用 `Vue-cli` 和 `webpack` ...
vue-cli的webpack模板项目配置文件分析
08-30
`check-versions.js` 用于检查 Node.js 和 npm 版本，`webpack.base.conf.js` 定义基础的 Webpack 配置，`webpack.dev.conf.js` 和 `webpack.prod.conf.js` 分别是开发和生产环境的 Webpack 配置扩展，`vue-loader....
vue中cross-env使用（解决跨平台设置NODE_ENV的问题）
冰雪为融的博客
12-02 9350
在搭建公司前端项目的时候，package.json配置后会提示 NODE_ENV不是内部或外部命令，也不是可运行的程序 或批处理文件。 简单来说，就是windows不支持 NODE_ENV=development 解决办法：就可以用到cross-env cross-env cross-env是跨平台设置和使用环境变量的脚本。 在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样，Windows和Linux命令如何设置环境变量也有所不同.
vue中通过cross-env插件配置三种环境(开发，测试，生产)打包，不用切换api
weixin_30433075的博客
06-10 814
1. 话不多说，第一步就是安装必要的插件 npm install cross-env --save 2.修改config里面的参数，这里只展示一个test,其他类似 3.修改package.json 文件 "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js", ...
npm run dev:mp-weixin报错找不到node-modules中的相关包
real_cat_的博客
02-18 3049
这个问题是因为高版本的node 默认装了7以上的npm版本。这个版本会要求强制解决peer-dependency的冲突 导致安装的wepback不对。如果一定要使用高版本的node 和npm。可以使用npm i webpack@4.29.5 --force, 但是前提是webpack 4能正常的和其他插件工作 ...
Sass安装及基本语法
lgrrrr的博客
02-18 267
1、什么是Sass？ Sass是一种css预处理器 Sass可是使用css没有实现的功能，例如变量、嵌套、组合、继承等等； Sass语法来编写.scss文件 ，将它们编译成.css文件 2、安装： 使用npm安装 npm -v (确保已安装上npm) npm install -g sass / (cnpm)淘宝镜像 3、编译.scss文件为css文件 运行：sass input.scss out...
uni-app 配置编译环境与动态修改manifest，2024年最新android基础面试题及答案
2401_84181434的博客
04-11 300
但是这时候又碰到了一个问题。不同的网络环境，可能还需要配置不同的小程序appid。作为一个慵懒的程序员，根据不同的网络环境，手动去修改appid那是不可能的。【注意】：复制上述代码的时候，记得把备注删除。通过以上，根据不同的编译方式，可以自动的切换不同的网络环境。重要事情说三遍（可视化创建的项目，在项目的根目录下）。二、动态修改manifest.json参数。动态配置appid，本质就是要动态配置。由以上可知，需要修改的是。1、创建如下项目结构配置。3、对应网络环境域名配置。
Vue项目根据不同运行环境打包项目
小破孩的博客
11-30 4585
场景 在开发过程中，通常会遇到这样的问题： 在开发环境、测试环境和生产环境中我们会用到不一样的服务接口 在生产环境出现了出现了某个bug，但是在测试环境不存在，这时候就需要开发环境访问生产环境的接口 多端一体的项目模式 这些情况都要手动去切换接口地址，这样会很麻烦，有时还可能出现操作失误。这时候就需要用到cross-env进行分环境配置了，根据不同的环境，我们使用对应的接口，这样也就不用手动去操作。 第一步 安装依赖 cross-env 使用 cross-env 解决跨平台问题。在终端运行： npm
vue的启动 Unknown command: “dev“报错问题
m0_66702519的博客
11-27 4572
前端vue的Missing script: "dev"的解决思路之一,做的不好 各位大佬多多提点
\node_modules\vue-awesome-mui\node_modules\node-sass: Command failed.
09-06
当在运行命令`npm install`时，可能会遇到错误信息"Command failed"，具体错误信息可能是`node-sass: Command failed.`。这个错误通常与`node-sass`模块有关。根据引用中的解决方法，你可以尝试执行以下命令来解决这...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值