.vue组件中样式less语法编译报错TypeError:parser is not a function
我在.vue组件文件中,样式使用less语法,并声明,编译时报错:
ERROR in ./node_modules/_extract-text-webpack-plugin@2.1.2@extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!./node_modules/_vue-style-loader@3.0.2@vue-style
-loader!./node_modules/_css-loader@0.28.7@css-loader!./node_modules/_vue-loader@13.0.4@vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-09eea624","scoped":true,"has
InlineConfig":true}!./node_modules/_less-loader@4.0.5@less-loader/dist/cjs.js!./node_modules/_vue-loader@13.0.4@vue-loader/lib/selector.js?type=styles&index=0!./web/widge
t/header/w-logo.vue
Module build failed: ModuleBuildError: Module build failed: TypeError: parser is not a function
at new LazyResult (F:\www\myproject\projects\webkoa2-vue\node_modules\_postcss@6.0.11@postcss\lib\lazy-result.js:66:24)
at Processor.process (F:\www\myproject\projects\webkoa2-vue\node_modules\_postcss@6.0.11@postcss\lib\processor.js:117:12)
at loadPostcssConfig.then.config (F:\www\myproject\projects\webkoa2-vue\node_modules\_vue-loader@13.0.4@vue-loader\lib\style-compiler\index.js:57:8)
我的.vue文件,配置文件如下:
package.json中依赖如下:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
经过多次验证,发现将样式语言设置为CSS时,也会报类似的错。通过仔细分析报错信息,发现多次出现:_postcss@6.0.11@postcss。忽然想起,自己webpack配置文件中在vue-loader中设置了postcss的解析方式,将其注释后,并将样式语言仍然设置为less时,再运行就没有报错:
目前还不清楚 .vue文件、vue-loader 中如何使用 postcss 。哪位网友知晓,烦请告知,谢谢!