search

PanJiaChen / vue-element-admin

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
MIT License
87.55k stars 30.43k forks source link

Module build failed (from ./node_modules/sass-loader/lib/loader.js): #2268

Open 363054730 opened 5 years ago

363054730 commented 5 years ago

ERROR Failed to compile with 6 errors 2:29:49 PM

error in ./src/components/HeaderSearch/index.vue?vue&type=style&index=0&id=032bd1f0&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

/deep/ .el-input__inner {

^ Expected selector. ╷ 162 │ /deep/ .el-input__inner{ │ ^ ╵ stdin 162:5 root stylesheet in /Users/zp/Documents/workspace-speri/vue-element-admin/src/components/HeaderSearch/index.vue (line 162, column 5)

@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HeaderSearch/index.vue?vue&type=style&index=0&id=032bd1f0&lang=scss&scoped=true& 4:14-480 14:3-18:5 15:22-488 @ ./src/components/HeaderSearch/index.vue?vue&type=style&index=0&id=032bd1f0&lang=scss&scoped=true& @ ./src/components/HeaderSearch/index.vue @ ./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/layout/components/Navbar.vue?vue&type=script&lang=js& @ ./src/layout/components/Navbar.vue?vue&type=script&lang=js& @ ./src/layout/components/Navbar.vue @ ./src/layout/components/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/layout/index.vue?vue&type=script&lang=js& @ ./src/layout/index.vue?vue&type=script&lang=js& @ ./src/layout/index.vue @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:9528/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/views/dashboard/admin/components/BoxCard.vue?vue&type=style&index=1&id=7f414857&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

/deep/ .pan-info {

^ Expected selector. ╷ 104 │ /deep/ .pan-info{ │ ^ ╵ stdin 104:5 root stylesheet in /Users/zp/Documents/workspace-speri/vue-element-admin/src/views/dashboard/admin/components/BoxCard.vue (line 104, column 5)

@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/dashboard/admin/components/BoxCard.vue?vue&type=style&index=1&id=7f414857&lang=scss&scoped=true& 4:14-518 14:3-18:5 15:22-526 @ ./src/views/dashboard/admin/components/BoxCard.vue?vue&type=style&index=1&id=7f414857&lang=scss&scoped=true& @ ./src/views/dashboard/admin/components/BoxCard.vue @ ./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/dashboard/admin/index.vue?vue&type=script&lang=js& @ ./src/views/dashboard/admin/index.vue?vue&type=script&lang=js& @ ./src/views/dashboard/admin/index.vue @ ./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/dashboard/index.vue?vue&type=script&lang=js& @ ./src/views/dashboard/index.vue?vue&type=script&lang=js& @ ./src/views/dashboard/index.vue @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:9528/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/components/Tinymce/components/EditorImage.vue?vue&type=style&index=0&id=b11494f6&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

/deep/ .el-upload--picture-card { ^ Expected selector. ╷ 107 │ /deep/ .el-upload--picture-card{ │ ^ ╵ stdin 107:3 root stylesheet in /Users/zp/Documents/workspace-speri/vue-element-admin/src/components/Tinymce/components/EditorImage.vue (line 107, column 3)

@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tinymce/components/EditorImage.vue?vue&type=style&index=0&id=b11494f6&lang=scss&scoped=true& 4:14-504 14:3-18:5 15:22-512 @ ./src/components/Tinymce/components/EditorImage.vue?vue&type=style&index=0&id=b11494f6&lang=scss&scoped=true& @ ./src/components/Tinymce/components/EditorImage.vue @ ./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/components/Tinymce/index.vue?vue&type=script&lang=js& @ ./src/components/Tinymce/index.vue?vue&type=script&lang=js& @ ./src/components/Tinymce/index.vue @ ./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/components-demo/tinymce.vue?vue&type=script&lang=js& @ ./src/views/components-demo/tinymce.vue?vue&type=script&lang=js& @ ./src/views/components-demo/tinymce.vue @ ./src/router/modules/components.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:9528/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/views/permission/directive.vue?vue&type=style&index=0&id=3a6147a9&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

/deep/ .permission-alert { ^ Expected selector. ╷ 94 │ /deep/ .permission-alert{ │ ^ ╵ stdin 94:3 root stylesheet in /Users/zp/Documents/workspace-speri/vue-element-admin/src/views/permission/directive.vue (line 94, column 3)

@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/permission/directive.vue?vue&type=style&index=0&id=3a6147a9&lang=scss&scoped=true& 4:14-484 14:3-18:5 15:22-492 @ ./src/views/permission/directive.vue?vue&type=style&index=0&id=3a6147a9&lang=scss&scoped=true& @ ./src/views/permission/directive.vue @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:9528/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/layout/components/TagsView/ScrollPane.vue?vue&type=style&index=0&id=be6b7bae&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

/deep/ { ^ Expected selector. ╷ 76 │ /deep/{ │ ^ ╵ stdin 76:3 root stylesheet in /Users/zp/Documents/workspace-speri/vue-element-admin/src/layout/components/TagsView/ScrollPane.vue (line 76, column 3)

@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/layout/components/TagsView/ScrollPane.vue?vue&type=style&index=0&id=be6b7bae&lang=scss&scoped=true& 4:14-503 14:3-18:5 15:22-511 @ ./src/layout/components/TagsView/ScrollPane.vue?vue&type=style&index=0&id=be6b7bae&lang=scss&scoped=true& @ ./src/layout/components/TagsView/ScrollPane.vue @ ./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/layout/components/TagsView/index.vue?vue&type=script&lang=js& @ ./src/layout/components/TagsView/index.vue?vue&type=script&lang=js& @ ./src/layout/components/TagsView/index.vue @ ./src/layout/components/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/layout/index.vue?vue&type=script&lang=js& @ ./src/layout/index.vue?vue&type=script&lang=js& @ ./src/layout/index.vue @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:9528/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/views/example/components/ArticleDetail.vue?vue&type=style&index=0&id=53a465a6&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

.article-textarea /deep/ { ^ Expected selector. ╷ 282 │ .article-textarea /deep/{ │ ^ ╵ stdin 282:19 root stylesheet in /Users/zp/Documents/workspace-speri/vue-element-admin/src/views/example/components/ArticleDetail.vue (line 282, column 19)

@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/example/components/ArticleDetail.vue?vue&type=style&index=0&id=53a465a6&lang=scss&scoped=true& 4:14-506 14:3-18:5 15:22-514 @ ./src/views/example/components/ArticleDetail.vue?vue&type=style&index=0&id=53a465a6&lang=scss&scoped=true& @ ./src/views/example/components/ArticleDetail.vue @ ./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/example/create.vue?vue&type=script&lang=js& @ ./src/views/example/create.vue?vue&type=script&lang=js& @ ./src/views/example/create.vue @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:9528/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

fengerzh commented 4 years ago

use ::v-deep instead of /deep/