在H builder X中运行已有的项目,出现了报错:
17:03:22.045 Error: getaddrinfo ENOTFOUND 96f0e031-f37a-48ef-84c7-2023f6360c0a.bspapp.com
17:03:22.045     at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:109:26) {
17:03:22.051   errno: -3008,
17:03:22.051   code: 'ENOTFOUND',
17:03:22.057   syscall: 'getaddrinfo',
17:03:22.058   hostname: '96f0e031-f37a-48ef-84c7-2023f6360c0a.bspapp.com'
17:03:22.065 }
17:03:22.072 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.072 SassError: expected selector.
17:03:22.079     ╷
17:03:22.079 119 │   /deep/ .custom-navbar-content > .row-item:first-child{
17:03:22.085     │   ^
17:03:22.085     ╵
17:03:22.093   D:\app\svolt-app-frontend\pages\realtime\AirConditioning\AirConditioning.vue 119:3  root stylesheet
17:03:22.093 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.099 SassError: expected selector.
17:03:22.100     ╷
17:03:22.107 119 │   /deep/ .custom-navbar-content > .row-item:first-child{
17:03:22.107     │   ^
17:03:22.113     ╵
17:03:22.113   D:\app\svolt-app-frontend\pages\realtime\ElectricMeter\ElectricMeter.vue 119:3  root stylesheet
17:03:22.119 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.119 SassError: expected selector.
17:03:22.127     ╷
17:03:22.127 147 │   /deep/ .u-input__content__field-wrapper__field{
17:03:22.134     │   ^
17:03:22.134     ╵
17:03:22.143   D:\app\svolt-app-frontend\common\demo.scss 147:3  @import
17:03:22.143   D:\app\svolt-app-frontend\App.vue 86:9                                          root stylesheet
17:03:22.149 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.149 SassError: expected selector.
17:03:22.156     ╷
17:03:22.157 201 │     /deep/ .u-tabs__wrapper__nav__item{
17:03:22.164     │     ^
17:03:22.164     ╵
17:03:22.171   D:\app\svolt-app-frontend\pages\realtime\EmsManage\EmsManage.vue 201:2  root stylesheet
17:03:22.172 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.181 SassError: expected selector.
17:03:22.181     ╷
17:03:22.190 288 │ /deep/ .message-blue > .u-cell{
17:03:22.191     │ ^
17:03:22.198     ╵
17:03:22.199   D:\app\svolt-app-frontend\pages\ucenter\message-center\message-center.vue 288:1  root stylesheet
17:03:22.205 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.205 SassError: expected selector.
17:03:22.212     ╷
17:03:22.213 412 │     /deep/ .u-modal{
17:03:22.223     │     ^
17:03:22.223     ╵
17:03:22.229   D:\app\svolt-app-frontend\pages\realtime\EmsControl\EmsControl.vue 412:2  root stylesheet
17:03:22.229 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.236 SassError: expected selector.
17:03:22.236     ╷
17:03:22.243 435 │     /deep/ .u-tabs__wrapper__nav__item{
17:03:22.250     │     ^
17:03:22.250     ╵
17:03:22.258   D:\app\svolt-app-frontend\pages\log\log.vue 435:2  root stylesheet
17:03:22.264 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.274 SassError: expected selector.
17:03:22.274     ╷
17:03:22.280 471 │   /deep/
17:03:22.280     │   ^
17:03:22.293     ╵
17:03:22.293   D:\app\svolt-app-frontend\pages\analysis\analysis.vue 471:3  root stylesheet
17:03:22.302 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.302 SassError: expected selector.
17:03:22.310     ╷
17:03:22.310 534 │     /deep/ .analysis-right-icon:not(.rotate-fixed){
17:03:22.318     │     ^
17:03:22.318     ╵
17:03:22.325   D:\app\svolt-app-frontend\pages\realtime\realtime.vue 534:2  root stylesheet
17:03:22.325 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
17:03:22.332 SassError: expected selector.
17:03:22.332    ╷
17:03:22.338 69 │ /deep/ .u-empty__text{
17:03:22.339    │ ^
17:03:22.346    ╵
17:03:22.347   D:\app\svolt-app-frontend\components\EmptyList\index.vue 69:1  root stylesheet
 

在这里有个前提,在我同事的电脑上代码是可以跑通的,到我把代码拉下来就开始报这些错


出现问题时用了几个解决思路
1.  查询报错Error: getaddrinfo ENOTFOUND 96f0e031-f37a-48ef-84c7-2023f6360c0a.bspapp.com
2.查询报错Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
3. 因为报错都有/deep/所以这个也查了一下
4. 查询报错SassError: expected selector.

由于上面的解决思路是按照先后顺序发生的,所以就我运行的项目,在尝试第四个的时候问题解决了,
尝试1的时候搜索了一些相关的文章,有关于这个问题怎么解决的,挑着可能有用的尝试了以下方法:
1). 在控制台
yarn add node-sass@4.14.1 --dev
yarn install
2). 按照官方文档配置下载安装方式配置 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架
3). ping 报错的网址通不通换网络
ping 96f0e031-f37a-48ef-84c7-2023f6360c0a.bspapp.com(这个网址在我电脑和他人电脑上都ping 不通,换网络也没用)这个方法舍弃,后来想了一下,要是可以通就不会报这个错了。
以上三个方法都没解决我在运行过程中遇到的问题,针对不同的环境可能就会有效果。但是我尝试的第三种方案建议舍弃

尝试2在查询过程中没有发现具体有效的办法,所以觉得解决问题的方向是不对的,就舍弃了这个思路
尝试3在查询的时候也试过了,在Vue中scss不识别/deep/,尝试屏蔽了/deep/也无效,其实当时已经很接近问题解决方案了,但是走到这放弃了
深度选择器>>>,/deep/::v-deep都是>>>的别名,在scss中不识别/deep/, 可以使用::v-deep,我在hx中安装的sass插件,一些预处理器(Sass)是不识别>>>的,所以需要改成/deep/或者::v-deep,但是scss中不识别/deep/所以尝试使用::v-deep。
这也就是我在尝试4的时候发现的,在这个文章中找到了原因:sass 中使用/deep/报错 SassError: expected selector. - 简书
把/deep/改成 ::v-deep后问题解决了

Logo

前往低代码交流专区

更多推荐