vue3项目启动报错 in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法

最新推荐文章于 2024-04-27 22:11:57 发布

原创最新推荐文章于 2024-04-27 22:11:57 发布 · 8.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #javascript

这篇博客介绍了如何处理Vue项目在使用Sass时遇到的编译错误。首先，建议尝试卸载并重新安装`sass-loader`，如果依然存在问题，则需要降级到`sass@1.26.5`和`sass-loader@7.0.0`版本。在安装低版本`sass-loader`时，别忘了同时安装`node-sass`作为依赖，以确保兼容性。


 ERROR  Failed to compile with 1 error                                                                            上午9:18:37

 error  in ./src/views/Login.vue?vue&type=style&index=0&id=26084dc2&lang=less&scoped=true

TypeError: this.getOptions is not a function

第一步 ，先卸载 sass-loader
npm uninstall sass-loader

如果卸载也报错，就执行下的代码
npm uninstall node-sass

npm uninstall sass-loader

第二步 再安装一个sass@1.26.5和sass-loader@7.0.0版本
npm install sass@1.26.5 --save-dev
npm install sass-loader@7.0.0 --save-dev

最后 ，安装低版本的sass-loader需要引入node-sass依赖来支持,请执行下列代码
npm install node-sass

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

默然相爱鱼鱼鱼

关注关注

4
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

yarn serve编译运行出错 error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css

weixin_45508767的博客

05-22

1247

yarn serve编译运行出错 error in ./src/App.vue?

error in ./src/components/Login.vue?vue&type=style&index=0&id=ef68022e&lang=less&scoped=true&

ll回家了

07-21

1万+

使用vue框架构造，都能完成渲染当下载和安装less 和less-loader的时候就开始报错 error in ./src/components/Login.vue?vue&type=style&index=0&id=ef68022e&lang=less&scoped=true& 源代码可以运行。当加上less的引用的时候就会开始报错后来发现是less和less-loader的版本过高了我使用的是4.1 和10.1的...

参与评论您还未登录，请先登录后发表或查看评论

报错信息in ./src/App.vue?vue&type=style&index=0&lang=scss

柑橘乌云_

02-10

6601

完整报错信息：报错信息i报错信息in ./src/App.vue?vue&type=style&index=0&lang=scss&Syntax Error: Error: Unknown keyword formatMinimum ；问题根源，在app.vue的style标签中加入lang=scss 但是标签里面注释的语法有误导致的报错。

vue报错篇

m0_65382120的博客

04-27

1万+

以下报错导致项目启动动不了 ERROR in ./node_modules/import-fresh/index.js 7:11-26 Module not found: Error: Can't resolve 'path' in 'D:\Users\17943\Desktop\电商后台管理\app\node_modules\import-fresh' BREAKING CHANGE: webpack < 5 used to include polyfills for node...

Vue_002_初识单文件组件

编程农民工的博客

06-10

558

文章目录搭建Vue项目单文件组件格式001中文件修改为单文件组件形式TodoItem组件App.vue 搭建Vue项目 cnpm install -g @vue/cli vue create my-app cd my-app npm run serve 单文件组件格式  <template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"&g

vue项目启动报错 in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法

草莓味的青

07-21

2万+

vue项目启动报错：in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法

error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss Syntax Error: Error: PostCSS

weixin_43606609的博客

06-16

8173

Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. Migration guide for end-use

./src/App.vue?vue&type=script&lang=js&

07-28

- *2* [vue项目启动报错 in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法](https://blog.csdn.net/weixin_46533797/article/details/125909066)[target="_blank" data-report-click={"spm":"1018.2226....

renren-fast-vue无法运行相关问题解决办法n ./src/assets/scss/index.scss Module build failed: Error: ENOENT: no su

qq_41556455的博客

07-22

6173

in ./src/assets/scss/index.scss Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\vendor’ at Object.fs.readdirSync (fs.js:861:3) at Object.getInstalledBinaries (C:\Users\xy

Vue 报错之 Syntax Error TypeError this.getOptions is not a function

m0_67401761的博客

03-09

1423

Vue 报错之 Syntax Error: TypeError: this.getOptions is not a function 目录 Vue 报错之 Syntax Error: TypeError: this.getOptions is not a function 一、简单介绍二、报错现象三、问题分析四、问题处理一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.

运行vue项目时，报如下错误ERROR in ./src/app.vue?vue&type=style&index=0&lang=css

qq_53082413的博客

09-25

3万+

原因：创建项目的时候选择的是2.x版本，后续安装的less和less-loader开发依赖包版本号过高解决：先删除原来安装的less和less-loader 命令： npm uninstall less-loader npm uninstall less 再安装 npm install less-loader@4.1.0 -D npm install less@3.9.0 -D 若在安装过程中控制台报如下错误： npm ERR! code ERESOLVE npm ERR! ERESOLVE unabl

vue项目npm run serve报错in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法

热门推荐

np918的博客

04-29

4万+

vue项目npm run serve报错in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法 重新安装sass-loader node-sass 一、直接安装 npm install sass-loader node-sass -D 二、cnpm安装 npm install -g mirror-config-china --registry=http://registry.npm.taobao.org cnpm install

vue&type=style&index=0&lang=scss& Module build failed (from ./node_modules/sass-loader/dist/cjs.js)

qq_42431718的博客

11-03

1083

一、错误描述 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Node Sass version 6.0.1 is incompatible with ^4.0.0. at getRenderFuncFromSassImpl (/Users/apple/Desktop/vue/hotspot_admin/node_modules/sass-loader/dist/index.js:165:13)

ERROR in ./src/App.vue?vue&type=template&id=7ba5bd90& 2:0 Module parse failed: Unexpected token (2:0

weixin_45966674的博客

01-21

6734

这个问题就是vue-loader和vue-template-compiler版本不对终端执行 npm i vue-loader@13.3.0 vue-template-compiler@2.5.2

ERROR in ./src/App.vue Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] v...

weixin_40664145的博客

11-30

1万+

目录出错现象出错原因解决方案出错现象这个报错是我在用webpack+vue-loader的时候报的错误报错信息 ERROR in ./src/App.vue Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler impleme

项目启动报错： error in ./src/views/modules/news/add-or-update.vue?vue&type=style&index=0&lang=scss& Modu

虎康的博客

04-27

2338

今天在帮别人看项目的时候发现一个很有趣的现象，可能是因为出发点不同且不对，所以这个过程感觉不应该这么漫长，趁热打铁，做一个反思。问题是这样的，在启动项目的时候，眼看着马上百分之百启动完成，结果这几个错误让项目没成功运行起来。注意看报错的这句话，这是因为本地安装的node版本和项目所需要的版本不一致导致的错误。

vue执行npm run servr 报错：ERROR in ./xxx/xxx.vue?vue&type=style&index=0&lang=css

ke_sin的博客

07-24

3万+

报错： ERROR in ./xxx/xxx.vue?vue&type=style&index=0&lang=css 原因：没有安装node -sass 解决： node-sass npm i node-sass --S 如果还报错： npm install sass-loader --save-dev 如果又报这个错： this.xxx is not a function 是因为sass-loader 的版本过高造成的办法1：在本地的package.json文件，里面的

error in ./src/components/NoData.vue?vue&type=style&index=0&lang=scss&