node.js - webpack 配置文件 运行出错
PHPz
PHPz 2017-04-17 16:04:45
0
2
454

项目目录

webpack.config.js

// nodejs 中的path模块
var path = require('path');

module.exports = {
    // 入口文件,path.resolve()方法,可以结合我们给定的两个参数最后生成绝对路径,最终指向的就是我们的index.js文件
    entry: path.resolve(__dirname, '../app/index/index.js'),
    // 输出配置
    output: {
        // 输出路径是 myProject/output/static
        path: path.resolve(__dirname, '../output/static'),
        publicPath: 'static/',
        filename: '[name].[hash].js',
        chunkFilename: '[id].[chunkhash].js'
    },
    resolve: {
        extensions: ['', '.js', '.vue']
    },
    module: {

        loaders: [
            // 使用vue-loader 加载 .vue 结尾的文件
            {
                test: /\.vue$/,
                loader: 'vue'
            },
            {
                test: /\.js$/,
                loader: 'babel?presets=es2015',
                exclude: /node_modules/
            }
        ]
    }
}

index.js

import Vue from 'Vue'
import Favlist from '../components/Favlist' 
new Vue({
    el: 'body',
    components: {
        Favlist
    }
})

错误

请教大神 刚学习 vue想搭个项目跑一跑结果就这样

PHPz
PHPz

学习是最好的投资!

全員に返信(2)
巴扎黑

エラーメッセージの最後の行は、

を示しています。 リーリー

最初の要素を「」にすることはできません。最後の位置に配置してください

いいねを押す +0
PHPzhong

Configuration.resolve.extension[0] は、拡張機能の配列の最初の値 ['', '.js', '.vue'] に対応しませんか?
プロンプトに従ってください。ここを空にすることはできません。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート