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

npm run build


> todolist@1.0.0 build E:\work\todoList

> webpack --config webpack.config.js


Hash: 22c25b28c8f11c65bec2

Version: webpack 4.10.2

Time: 1429ms

Built at: 2018-06-01 20:35:36

    Asset     Size  Chunks             Chunk Names

bundle.js  243 KiB    main  [emitted]  main

Entrypoint main = bundle.js

[./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 489 bytes {main} [built]

[./src/app.vue] 1.07 KiB {main} [built] [1 error]

[./src/app.vue?vue&type=script&lang=js] 90 bytes {main} [built] [1 error]

[./src/app.vue?vue&type=style&index=0&lang=css] 182 bytes {main} [built] [failed] [2 errors]

[./src/app.vue?vue&type=template&id=bced26ea] 168 bytes {main} [built] [failed] [2 errors][./src/index.js] 180 bytes {main} [built]

    + 5 hidden modules


ERROR in ./src/app.vue?vue&type=style&index=0&lang=css

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-62

 @ ./src/index.js


ERROR in ./src/app.vue?vue&type=template&id=bced26ea

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-81 11:2-8 12:2-17

 @ ./src/index.js


ERROR in ./src/app.vue

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

 @ ./src/index.js 2:0-27 8:19-22


ERROR in ./src/app.vue?vue&type=template&id=bced26ea

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

 @ ./src/app.vue 1:0-81 11:2-8 12:2-17

 @ ./src/index.js


ERROR in ./src/app.vue?vue&type=script&lang=js

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

 @ ./src/app.vue 2:0-54 3:0-49 3:0-49 10:2-8

 @ ./src/index.js


ERROR in ./src/app.vue?vue&type=style&index=0&lang=css

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

 @ ./src/app.vue 4:0-62

 @ ./src/index.js

npm ERR! code ELIFECYCLE

npm ERR! errno 2

npm ERR! todolist@1.0.0 build: `webpack --config webpack.config.js`

npm ERR! Exit status 2

npm ERR!

npm ERR! Failed at the todolist@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\Tom\AppData\Roaming\npm-cache\_logs\2018-06-01T12_35_36_148Z-debug.log


提问者:三体XRaindrop 2018-06-01 20:41

个回答

  • qq_王小姐总是不高兴_0
    2018-06-07 16:56:23

    ERROR in ./src/app.vue

    vue-loader was used without the corresponding plugin. 

    只能解释这句话的意思,缺少合适的plugin插件。说明你的vue-loader是15.x版本

    三、vue-loader15 变化

    https://vue-loader.vuejs.org/migrating.html#a-plugin-is-now-required

    1、vue-loader14及之前:仅作为loader加载

    module:{

        rules:[

        {

            test:/\.vue$/,

            loader:'vue-loader'

        }

    】}

    2、vue-loader15 同时还需要一个Plugin == loader+plugin [loader参照之前: 没写loader我报错了]

    const VueLoaderPlugin = require('vue-loader/lib/plugin')

        plugins:[

            new VueLoaderPlugin()

        ]


  • 慕粉3348155
    2018-06-02 14:38:53


    npm install style-loader css-loader -D

    然后,将

        {

            test: /\.css$/,

            use:[

              'style-loader',

              'css-loader',

            ]

          },

    添加到webpack中的,module中试试