前端项目编译 Cannot set properties of undefined (setting 'parent')

小渣渣

在使用 npm、yarn 编译前端项目的时候，报错如下：

error  in ./src/components/NumberInfo/NumberInfo.vue?vue&type=style&index=0&id=4370c5af&lang=less&scoped=true

Syntax Error: TypeError: Cannot set properties of undefined (setting 'parent')

@ ./node_modules/vue-style-loader??ref--10-oneOf-1-0!./node_modules/css-loader??ref--10-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--10-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??
ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NumberInfo/NumberInfo.vue?vue&type=style&index=0&id=4370c5af&lang=less&scoped=true 4:14-482 15:3-20:5 16:22-490
@ ./src/components/NumberInfo/NumberInfo.vue?vue&type=style&index=0&id=4370c5af&lang=less&scoped=true
@ ./src/components/NumberInfo/NumberInfo.vue
@ ./src/components/NumberInfo/index.js
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Home.vue?vue&type=script&lang=js
@ ./src/views/Home.vue?vue&type=script&lang=js
@ ./src/views/Home.vue
@ ./src/config/router.config.js
@ ./src/router/index.js
@ ./src/utils/request.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.232.246:3000/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

解决方案



要把上面的scoped去掉就正常了，

因为使用了antdv的css变量,加了scoped 导致获取不到。

简单粗暴有效。风险：样式变成全局的，可能影响其他地方。