                        課程
                    
                        /前端開發
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo應用

自從plugin這塊，就一直報這個錯是怎么回事啊，親人們

D:\xp\htdocs\VUE-SSR-TECH>npm run dev

> [email protected] dev D:\xp\htdocs\VUE-SSR-TECH

> cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js

i ?wds?: Project is running at http://localhost:8080/

i ?wds?: webpack output is served from /

× ?wdm?: Hash: 21932e50bbbe36ef8528

Version: webpack 4.11.0

Time: 4537ms

Built at: 2018-06-06 09:38:37

?1 asset

Entrypoint main = main.js

?[2] ./src/app.vue 184 bytes {0} [built] [failed] [1 error]

?[3] ./node_modules/vue/dist/vue.runtime.esm.js 207 KiB {0} [built]

?[4] ./src/assets/images/bg.jpg 177 bytes {0} [built] [failed] [1 error]

?[5] ./src/assets/styles/test-stylus.styl 0 bytes {0} [built]

?[6] ./src/assets/styles/test.css 224 bytes {0} [built] [failed] [1 error]

[10] ./src/index.js 382 bytes {0} [built]

[12] (webpack)/hot/emitter.js 77 bytes {0} [built]

[14] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {0} [built]

[19] (webpack)-dev-server/client/overlay.js 3.58 KiB {0} [built]

[21] (webpack)-dev-server/client/socket.js 1.05 KiB {0} [built]

[22] ./node_modules/loglevel/lib/loglevel.js 7.68 KiB {0} [built]

[24] ./node_modules/strip-ansi/index.js 161 bytes {0} [built]

[31] ./node_modules/url/url.js 22.8 KiB {0} [built]

[32] (webpack)-dev-server/client?http://localhost:8080 7.75 KiB {0} [built]

[33] multi (webpack)-dev-server/client?http://localhost:8080 ./src 40 bytes {0} [built]

? ? + 19 hidden modules

WARNING in configuration

The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.

You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

ERROR in ./src/assets/images/bg.jpg 1:0

Module parse failed: Unexpected character '?' (1:0)

You may need an appropriate loader to handle this file type.

(Source code omitted for this binary file)

?@ ./src/index.js 7:0-31

?@ multi (webpack)-dev-server/client?http://localhost:8080 ./src

ERROR in ./src/app.vue 1:0

Module parse failed: Unexpected token (1:0)

You may need an appropriate loader to handle this file type.

> <template>

| <div id="text">{{text}}</div>

?@ ./src/index.js 3:0-27 14:20-23

?@ multi (webpack)-dev-server/client?http://localhost:8080 ./src

ERROR in ./src/assets/styles/test.css 1:4

Module parse failed: Unexpected token (1:4)

You may need an appropriate loader to handle this file type.

> body{

| ? ? color: rebeccapurple;

| ? ? background-image: url("../images/done.svg") ;

?@ ./src/index.js 5:0-33

?@ multi (webpack)-dev-server/client?http://localhost:8080 ./src

i ?wdm?: Failed to compile.

終止批處理操作嗎(Y/N)? y

D:\xp\htdocs\VUE-SSR-TECH>npm i vue-loader

npm WARN [email protected] No description

npm WARN [email protected] No repository field.

npm WARN [email protected] scripts['server'] should probably be scripts['start'].

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]

updated 1 package in 12.565s

D:\xp\htdocs\VUE-SSR-TECH>npm run dev

> [email protected] dev D:\xp\htdocs\VUE-SSR-TECH

> cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js

i ?wds?: Project is running at http://localhost:8080/

i ?wds?: webpack output is served from /

× ?wdm?: Hash: 21932e50bbbe36ef8528

Version: webpack 4.11.0

Time: 825ms

Built at: 2018-06-06 09:42:50

?1 asset

Entrypoint main = main.js

?[2] ./src/app.vue 184 bytes {0} [built] [failed] [1 error]

?[3] ./node_modules/vue/dist/vue.runtime.esm.js 207 KiB {0} [built]

?[4] ./src/assets/images/bg.jpg 177 bytes {0} [built] [failed] [1 error]

?[5] ./src/assets/styles/test-stylus.styl 0 bytes {0} [built]

?[6] ./src/assets/styles/test.css 224 bytes {0} [built] [failed] [1 error]

[10] ./src/index.js 382 bytes {0} [built]

[12] (webpack)/hot/emitter.js 77 bytes {0} [built]

[14] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {0} [built]

[19] (webpack)-dev-server/client/overlay.js 3.58 KiB {0} [built]

[21] (webpack)-dev-server/client/socket.js 1.05 KiB {0} [built]

[22] ./node_modules/loglevel/lib/loglevel.js 7.68 KiB {0} [built]

[24] ./node_modules/strip-ansi/index.js 161 bytes {0} [built]

[31] ./node_modules/url/url.js 22.8 KiB {0} [built]

[32] (webpack)-dev-server/client?http://localhost:8080 7.75 KiB {0} [built]

[33] multi (webpack)-dev-server/client?http://localhost:8080 ./src 40 bytes {0} [built]

? ? + 19 hidden modules

WARNING in configuration

The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.

You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

ERROR in ./src/assets/images/bg.jpg 1:0

Module parse failed: Unexpected character '?' (1:0)

You may need an appropriate loader to handle this file type.

(Source code omitted for this binary file)

?@ ./src/index.js 7:0-31

?@ multi (webpack)-dev-server/client?http://localhost:8080 ./src

ERROR in ./src/app.vue 1:0

Module parse failed: Unexpected token (1:0)

You may need an appropriate loader to handle this file type.

> <template>

| <div id="text">{{text}}</div>

?@ ./src/index.js 3:0-27 14:20-23

?@ multi (webpack)-dev-server/client?http://localhost:8080 ./src

ERROR in ./src/assets/styles/test.css 1:4

Module parse failed: Unexpected token (1:4)

You may need an appropriate loader to handle this file type.

> body{

| ? ? color: rebeccapurple;

| ? ? background-image: url("../images/done.svg") ;

?@ ./src/index.js 5:0-33

?@ multi (webpack)-dev-server/client?http://localhost:8080 ./src

i ?wdm?: Failed to compile.

慕粉3434613

2018-06-06

源自：Vue+Webpack打造todo應用 2-3

關注問題我要回答

4525

操作

收起

2 回答

慕數據3408171
2018-07-30

我遇到類似問題：

[29] ./App.vue 257 bytes {0} [built] [failed] [1 error]

? ? + 15 hidden modules

ERROR in ./App.vue

Module build failed (from ./node_modules/vue-loader/index.js):

TypeError: Cannot read property 'vue' of undefined

? ? at Object.module.exports (E:\studyAndPrictice\Vue\vue-loader-demo\node_modules\vue-loader\lib\loader.js:31:42)

?@ ./main.js 7:11-31

?@ multi (webpack)-dev-server/client?http://localhost:8082 (webpack)/hot/dev-server.js ./main.js

請問大神們如何解決

0 回復有任何疑惑可以回復我~

收起回答

慕粉3912077
2018-06-07

1.安裝了style-loader和css-loader、url-loader？
2.module的rules對應的test有加svg和jpg類型？
3.index.js引入的圖片路徑后面是不是加多了什么？
4.你的頁面本來就有或有新建body這標簽？

0 回復有任何疑惑可以回復我~

收起回答

舉報

0/150

提交

取消

Vue+Webpack打造todo應用

參與學習 84618 人
解答問題 812 個

用前端最熱門框架Vue+最火打包工具Webpack打造todo應用

進入課程

本課相似問答

1 回答npm run build 報這個錯誤是怎么回事？

2 回答這是什么問題啊？一直報錯。

3 回答 loaderContext.emitError is not a function 這個是什么問題啊各位親人cry

1 回答更新了extract-text-webpack-plugin版本后build依舊報錯是怎么回事

5 回答app.vue樣式報錯，是怎么回事呢？

搜索更多本課相關問答

自從plugin這塊，就一直報這個錯是怎么回事啊，親人們

我要回答關注問題

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

自從plugin這塊，就一直報這個錯是怎么回事啊，親人們

2 回答

本課相似問答

自從plugin這塊，就一直報這個錯是怎么回事啊，親人們

自從plugin這塊，就一直報這個錯是怎么回事啊，親人們

自從plugin這塊，就一直報這個錯是怎么回事啊，親人們