问答详情
源自:2-1 vue-loader+webpack项目配置

在npm run build 中出现的问题,rules也配置了

Entrypoint main = bundle.js
[0] (webpack)/buildin/global.js 472 bytes {0} [built]
[1] ./src/app.vue?vue&type=template&id=5ef48958& 168 bytes {0} [built] [failed] [1 error]
[3] ./src/app.vue?vue&type=style&index=0&lang=css& 184 bytes {0} [built] [failed] [1 error][7] ./src/index.js + 3 modules 4.01 KiB {0} [built] [1 error]
    | ./src/index.js 181 bytes [built]
    | ./src/app.vue 1.09 KiB [built] [1 error]
    | ./src/app.vue?vue&type=script&lang=js& 107 bytes [built]
    |     + 1 hidden module
    + 4 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/configuration/mode/

ERROR in ./src/app.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin
in your webpack config.
 @ ./src/index.js 2:0-27 8:18-21

ERROR in ./src/app.vue?vue&type=style&index=0&lang=css& 16:0
Module parse failed: Unexpected character '#' (16:0)
You may need an appropriate loader to handle this file type.
|
|
> #test{
|     color: red;
| }
 @ ./src/app.vue 4:0-63
 @ ./src/index.js

ERROR in ./src/app.vue?vue&type=template&id=5ef48958& 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type.
|
> <div id="test">{{text}}</div>
|
 @ ./src/app.vue 1:0-82 11:2-8 12:2-17
 @ ./src/index.js
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! vue-ssr-tech@1.0.0 build: `webpack --config webpack.config.js`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the vue-ssr-tech@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\asus\AppData\Roaming\npm-cache\_logs\2019-05-19T09_00_19_705Z-debug.log

提问者:慕桂英2243194 2019-05-19 17:03

个回答

  • 慕运维435783
    2019-05-20 17:30:56

    vue-loader 在新版里面做了改变,要在wepack 的配置plugins 里面加上VueLoaderPlugin


  • 奇点先生
    2019-05-20 17:29:19

    你再看看app.vue和index.js文件是否单词拼错或者符号有问题。