使用npm run build时，出现下面的问题-慕课网

首页课程实战体系课手记专栏慕课教程

使用npm run build时，出现下面的问题

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

慕粉1030219053

2018-09-18 15:48

使用npm run build时，出现下面的问题。检查代码，应该是没有写错的。怎么解决呢？

npm ERR! code ELIFECYCLE

npm ERR! errno 1

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

npm ERR! Exit status 1

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! /Users/mymac/.npm/_logs/2018-09-18T07_41_36_761Z-debug.log

我按照教学视频配置的代码如下：

写回答关注

3回答

LGforgone: 2018-09-24 01:33:14

const path = require('path')
const { VueLoaderPlugin } = require('vue-loader')

module.exports = {
    entry: path.join(__dirname,'src/index.js'),
    output: {
        filename: "bundle.js",
        path: path.join(__dirname,'dist')
    },
    module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            },
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.(gif|jpg|jpeg|png|svg)$/,
                use: [
                    {
                        loader: 'url-loader',
                        options: {
                            limit: 1024,
                            name: '[name].[ext]'
                        }
                    }
                ]
            }
        ]
    },
    plugins: [
        new VueLoaderPlugin()
    ]
}

1 1

点又

有用，赞一个

2018-10-05 20:28:03

共 1 条回复 >

LGforgone: 2018-09-24 01:27:56

这个可能是你有在webpack.config.js中加入plugins（我多装了style-loader url-loader file-loader）

const path = require('path')


module.exports = {
    entry: path.join(__dirname,'src/index.js'),
    output: {
        filename: "bundle.js",
        path: path.join(__dirname,'dist')
    },
    module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            },
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.(gif|jpg|jpeg|png|svg)$/,
                use: [
                    {
                        loader: 'url-loader',
                        options: {
                            limit: 1024,
                            name: '[name].[ext]'
                        }
                    }
                ]
            }
        ]
    },
    
}

1 0

LGforg...

之前打错了，是可能你没有加plugins，编译的时候报错好像有提醒的，我之前好像遇到过，加了plugins就好了

2018-09-24 01:30:19

共 1 条回复 >