使用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
    评论
专栏目录
vue-cli3.0使用及部分配置详解
12-02
Vue CLI 3.0 是 Vue.js 的一个命令行工具，用于快速搭建 Vue 项目。相比之前的版本，3.0 版本带来了许多改进和优化，包括更快的初始化速度、更简洁的目录结构以及更加灵活的配置选项。以下是关于 Vue CLI 3.0 使用和...
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 2470
今天在webstorm上打开小程序运行npm run dev:mp-weixin时报了如下错误。错误原因是低版本的node不支持
npm run dev:mp-weixin 打包报错-4082
最新发布
weixin_42656735的博客
05-22 234
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
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...
my-project@0.1.0 dev:mp-weixin: `cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-serv
HaushoLin的博客
03-02 5374
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
uni-app 配置编译环境与动态修改manifest，2024年最新android基础面试题及答案
2401_84181434的博客
04-11 300
但是这时候又碰到了一个问题。不同的网络环境，可能还需要配置不同的小程序appid。作为一个慵懒的程序员，根据不同的网络环境，手动去修改appid那是不可能的。【注意】：复制上述代码的时候，记得把备注删除。通过以上，根据不同的编译方式，可以自动的切换不同的网络环境。重要事情说三遍（可视化创建的项目，在项目的根目录下）。二、动态修改manifest.json参数。动态配置appid，本质就是要动态配置。由以上可知，需要修改的是。1、创建如下项目结构配置。3、对应网络环境域名配置。
vscode中使用npm run报错的解决办法
qq_40598817的博客
07-09 1615
vscode中使用npm run报错的解决办法
使用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....
【vue3】uniapp 微信小程序 打包优化【超详细】
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
02-23 4024
✨踩坑不易，还希望各位大佬支持一下\textcolor{gray}{踩坑不易，还希望各位大佬支持一下}踩坑不易，还希望各位大佬支持一下📃个人主页：\textcolor{green}{个人主页：}个人主页：沉默小管📃个人网站：\textcolor{green}{个人网站：}个人网站：沉默小管📃个人导航网站：\textcolor{green}{个人导航网站：}个人导航网站：沉默小管导航网🔥技术交流QQ群：837051545。
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能正常的和其他插件工作 ...
Vue项目根据不同运行环境打包项目
小破孩的博客
11-30 4592
场景 在开发过程中，通常会遇到这样的问题： 在开发环境、测试环境和生产环境中我们会用到不一样的服务接口 在生产环境出现了出现了某个bug，但是在测试环境不存在，这时候就需要开发环境访问生产环境的接口 多端一体的项目模式 这些情况都要手动去切换接口地址，这样会很麻烦，有时还可能出现操作失误。这时候就需要用到cross-env进行分环境配置了，根据不同的环境，我们使用对应的接口，这样也就不用手动去操作。 第一步 安装依赖 cross-env 使用 cross-env 解决跨平台问题。在终端运行： npm
cross-env设置NODE_ENV
HansExploration的博客
01-05 3955
1. 什么是cross-env呢？ 它是运行跨平台设置和使用环境变量的脚本。 2. 它的作用是啥？ 当我们使用 NODE_ENV = production 来设置环境变量的时候，大多数windows命令会提示将会阻塞或者异常，或者，windows不支持NODE_ENV=development的这样的设置方式，会报错。因此 cross-env 出现了。我们就可以使用 cross-env命令，这样...
uni-app 微信小程序vendor.js 过大的处理方式和分包优化
xiexikk的博客
11-15 1万+
小程序工具提示vendor.js过大，已经跳过es6向es5转换。这个转换问题本身不用理会，因为vendor.js已经是es5的了。 HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码 cli创建的项目可以在package.json中添加参数–minimize， 示例：“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue...
vue的启动 Unknown command: “dev“报错问题
m0_66702519的博客
11-27 4579
前端vue的Missing script: "dev"的解决思路之一,做的不好 各位大佬多多提点
uni-app 配置编译环境与动态修改manifest.json参数
野蛮女孩的博客
09-23 5447
作为一个慵懒的程序员，根据不同的网络环境，手动去修改appid那是不可能的。3、 process.env.NODE_ENV === 'production' 生成包位置：dist/build/mp-weixin。//此处如果是用HBuilderX创建的项目manifest.json文件在项目跟目录，如果是 cli 创建的则在 src 下，这里要注意。原文链接：https://blog.csdn.net/weixin_38633659/article/details/124371008。
"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",持续正在编译中...
05-10
这段代码是在运行 Vue.js 的命令行工具，以开发模式在微信小程序平台上构建项目。"dev:mp-weixin"是一个自定义的命令名称，它在执行时会使用cross-env和vue-cli-service进行环境变量的设置和项目构建，其中"--watch"参数会监视文件变化并自动重新构建，以方便开发者进行实时调试。如果持续编译中，可能是由于项目代码量较大或电脑性能较低导致的，可以等待一段时间或者优化代码和电脑性能来提高编译速度。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值