作者：手机用户2502919063 | 来源：互联网 | 2023-06-03 11:31
vue.config.js: styles和src同级12345678910111213css: { loaderOptions: { postcss: { plugin
vue.config.js: styles和src同级
1
2
3
4
5
6
7
8
9
10
11
12
13
| css: {
loaderOptions: {
postcss: {
plugins: [
// px2rem配置
postcss,
]
},
sass: {
data: `@import "./styles/variables.scss"`,
}
}
}, |
报错信息:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
| INFO Starting development server...
98% after emitting CopyPlugin
ERROR Failed to compile with 3 errors 13:49:12
error in ./src/App.vue?vue&type=style&index=0&lang=scss&
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
^
Expected ";".
╷
1 │ @import "./styles/variables.scss"
│ ^
╵
stdin 1:34 root stylesheet
in /Users/AAC/Public/vues/vuedemo/src/App.vue (line 1, column 34)
@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??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/App.vue?vue&t
ype=style&index=0&lang=scss& 4:14-415 14:3-18:5 15:22-423
@ ./src/App.vue?vue&type=style&index=0&lang=scss&
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.0.107:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
error in ./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss&
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
^
Expected ";".
╷
1 │ @import "./styles/variables.scss"
│ ^
╵
stdin 1:34 root stylesheet
in /Users/AAC/Public/vues/vuedemo/src/components/HelloWorld.vue (line 1, column 34)
@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??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/He
lloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss& 4:14-464 14:3-18:5 15:22-472
@ ./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss&
@ ./src/components/HelloWorld.vue
@ ./src/router.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.0.107:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
error in ./src/views/Home.vue?vue&type=style&index=0&lang=scss&
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
^
Expected ";".
╷
1 │ @import "./styles/variables.scss"
│ ^
╵
stdin 1:34 root stylesheet
in /Users/AAC/Public/vues/vuedemo/src/views/Home.vue (line 1, column 34)
@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??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/Home.vue?vue&type=style&index=0&lang=scss& 4:14-434 14:3-18:5 15:22-442
@ ./src/views/Home.vue?vue&type=style&index=0&lang=scss&
@ ./src/views/Home.vue
@ ./src/router.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.0.107:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.js |
京公网安备 11010802041100号