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

来源:2-1 vue-loader+webpack项目配置

慕桂英2243194

2019-05-19 17:03

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

写回答 关注

2回答

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

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


    qq_烟雨_...

    照这个改了但是依然报错

    2019-06-12 14:43:16

    共 1 条回复 >

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

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

Vue+Webpack打造todo应用

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

84606 学习 · 787 问题

查看课程

相似问题