Cannot read property ‘style-resources-loader‘ of undefined

最新推荐文章于 2023-09-10 20:34:06 发布
最新推荐文章于 2023-09-10 20:34:06 发布
阅读量5.5k 收藏 5
点赞数 7
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ITLISHUANG/article/details/118047534
版权

写在前：当前环境是vue3, vue-cli4新建项目。安装过 'style-resources-loader'之后报错；

报错内容： 

Cannot read property 'style-resources-loader' of undefined；

尝试解决方法：

 npm uninstall vue-cli-plugin-style-resources-loader

项目已运行

 

美的人是吃货
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
vue-cli4项目引入sass的坑 Cannot read property ‘style-resources-loader‘ of undefined
大象的博客
09-03 1万+
尽管很久之前就用sass了，但是昨日用vuecli4创建项目后，引入sass一直失败， 一开始是提示 TypeError: Cannot read property ‘scss’ of undefined 使用npm i sass sass-loader --save后依然不行 依旧报错 错误为 TypeError: Cannot read property ‘style-resources-loader’ of undefined 解决办法：npm install sass-resources-loa
Cannot read properties of undefined (reading ‘styles‘)，使用webpack5搭建vue项目，vue-loader报错解决
小硅壳的博客
05-14 4476
其中版本vue-loader@17.0.0，vue-template-compiler和vue都是2.7。百度之后看到有人说是vue-loader版本问题，然后在vue-loader的github的。意思是vue2的话，vue-loader版本要低于等于15。，卸载17版本的vue-loader后，再安装15版本的。，最终不再报错，并能对vue文件进行加载。
vue-loader TypeError: Cannot read properties of undefined (reading ‘styles‘)问题解决
My_Soul_的博客
01-30 5327
这是由于webpack和vue-loader版本不兼容造成，可以尝试把vue-loader版本降到16以下，vue-loader
html页面加载时，js提示Cannot read property 'style' of undefined
热门推荐
qq_35797490的博客
08-08 2万+
在学习javascript 幻灯片代码(含自动播放)时遇到点问题，原js文件中是 var slideIndex = 1; showSlides(slideIndex); 。。。 slides[slideIndex-1].style.display = "block";  这句话是文件加载时执行，由于获取不到style报错 slide.js:24 Uncaught TypeError: ...
Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘style‘)“
本郡主是喵
06-29 6187
钩子函数中的操作不依赖于组件的 DOM 元素。如果需要等待组件的 DOM 元素完全加载或渲染，请考虑使用。钩子函数中访问的数据属性或计算属性是否被正确定义和初始化。确保被引用的属性存在，并且已经被正确赋值。如果你能提供更多的代码或具体的错误上下文，我将能够给出更准确的建议来帮助你解决这个问题。钩子函数中发生，它表示在该钩子函数中尝试读取一个未定义的对象的。这个错误通常在 Vue 组件的。钩子函数来执行相关操作。
TypeError: Cannot read properties of undefined (reading ‘styles‘)
splitSecond的博客
05-24 950
默认安装vue-loader到最新版本。把vue-loader降级到15版本。
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
01-19
jQuery Cannot read property ‘msie’ of undefined错误的解决方法 最近把一个项目的jQuery升级到最新版，发现有些页面报如下错误 Cannot read property ‘msie’ of undefined 上jQuery网站上搜了一下，原因是$....
Uncaught TypeError Cannot read properties of undefined (reading ‘style
m0_67392273的博客
03-01 3024
求解大佬为什么报错
解决vue 添加style-resources-loader后less全局变量还是undefined
sunnyboysix的博客
11-12 2200
yarn add style-resources-loader vue.config.js 配置 pluginOptions: { 'style-resources-loader': { preProcessor: 'less', patterns: [path.resolve(__dirname, "./src/assets/css/var.less")], }, }, 百度配置了style-resources-loader但是还是无法使用全局变量 .
Webpack中使用css配置问题（ Can‘t resolve ‘style-loader‘）
qq_43440751的博客
03-22 3176
webpack使用css配置问题 ERROR in ./src/main.js Module not found: Error: Can’t resolve ‘style-loader’ in ‘D:\WEB前端\webpack\01-webpack的使用\03-webpack的loader’ @ ./src/main.js 6:0-27 奶奶个腿的，一个小破问题搞了我一上午，网上各自墨迹也没解决我的问题，气的我脑瓜子嗡嗡的。报错如上。 当你运行npm run build指令就报这个错误，那么就看我这篇就行
使用style-loader时报错：Can‘t resolve ‘style-loader‘
qq_45327886的博客
10-10 7263
Can't resolve 'style-loader'
vue3 安装sass出现can‘t resolve ‘sass-loader‘的解决方法
qing_xing_的博客
07-05 1481
npm install sass-loadernpm install node-sassnpm install sass-loadernpm install sassnpm install style-loadernpm install style-resources-loader将上面的依赖全部安装一遍如果没有在config里面配置 需要配置一下const path = require("path"); module.exports = { pluginOptions: {
nuxt项目引入 nuxtjs/style-resources module
月光下晒猫
05-16 6613
之前写过在vue项目中如何引入style-resources-loader。今天聊下如何在nuxt项目中引入style-resources 1. 安装 @nuxtjs/style-resources npm i @nuxtjs/style-resources --save 2. 修改nuxt.config.js export default { modules: ['@nuxtjs/styl...
解决vue 添加style-resources-loader后less全局变量不生效问题
qq_43693047的博客
09-10 784
解决vue 添加style-resources-loader后less全局变量不生效问题
vue-cli 配置预处理器全局变量(以less为例)
weixin_44708870的博客
10-04 1377
vue官方提供了两种方法 1.style-resources-loader 2.vue-cli-plugin-style-resources-loader 使用第一种方法自己通过npm安装经常会出现报错： TypeError: Cannot read property 'style-resources-loader' of undefined 或者 variable xxx is undefined 所以，删除style-resources-loader(虽然vue-cli-plugin的插件.
Cannot read properties of undefined (reading 'style-resources-loader')
最新发布
05-16
"Cannot read properties of undefined (reading 'style-resources-loader')" 这个错误通常是由于缺少 "style-resources-loader" 插件导致的。 "style-resources-loader" 是一个 Webpack 的 loader 插件，它可以将一些全局的样式文件打包到每个模块中，以避免在每个模块中都引入一遍。如果你的项目中使用了这个插件，但是没有安装或者配置正确，就会出现这个错误。 解决这个问题需要按照以下步骤进行： 1. 确认你的项目中是否安装了 "style-resources-loader" 插件，如果没有安装可以通过以下命令进行安装： ``` npm install style-resources-loader --save-dev ``` 2. 确认你的 Webpack 配置文件中是否正确配置了 "style-resources-loader" 插件，可以参考以下示例进行配置： ``` module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: { // ... loaders: { scss: [ 'vue-style-loader', 'css-loader', 'sass-loader', { loader: 'style-resources-loader', options: { patterns: [ path.resolve(__dirname, './path/to/global.scss') ] } } ] } } }, // ... ] } ``` 如果以上步骤都没有解决问题，可以尝试重新安装 "style-resources-loader" 插件，或者检查你的 Webpack 配置文件是否有其他错误。如果问题依然存在，请提供更多的信息和相关代码，以便我们更好地帮助你解决问题。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值