vue-loader не работает. веб-пакет 3.1.2 - PullRequest
Новая
       15

vue-loader не работает. веб-пакет 3.1.2

0 голосов
/ 08 апреля 2019

Я застрял почти на день. Я понятия не имею больше. Я пробовал много вещей и все еще плохо знаком с веб-пакетом. Так что в основном у меня есть этот конфиг для сборки приложения vue js 

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: [
        'babel-polyfill',
        './src/app-bundle/Resources/js/vue/app'
    ],
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: '/static/',
    },
    plugins: [
        // new webpack.optimize.UglifyJsPlugin({
        //     compress:{
        //         warnings: false
        //     }
        // }),
        // new webpack.LoaderOptionsPlugin({
        //     vue: {
        //         loader: {
        //             js: 'babel-loader'
        //         }
        //     }
        // }),
        new webpack.optimize.OccurrenceOrderPlugin(),
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.LimitChunkCountPlugin({maxChunks: 15}),
        new webpack.optimize.MinChunkSizePlugin({minChunkSize: 10000}),
        new webpack.DefinePlugin({
            '__DEVTOOLS__': false,
            'process.env': {
                'NODE_ENV': JSON.stringify('production')
            }
        })
    ],
    module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader',
                options: {
                    loaders: {
                        'scss': [
                            'vue-style-loader',
                            'css-loader',
                            'sass-loader'
                        ],
                        'sass': [
                            'vue-style-loader',
                            'css-loader',
                            'sass-loader?indentedSyntax'
                        ]
                    }
                    // other vue-loader options go here
                }
            },
            {
                test: /\.js$/,
                loader: 'babel-loader'
            }
        ],
        loaders: [
            {
                test: /\.js$/,
                loaders: ['babel'],
                exclude: /node_modules/
            }
        ]
    }
};

Однако во многих уроках не работает должным образом. Всякий раз, когда я пытаюсь скомпилировать, он всегда возвращается, как показано ниже 

ERROR in ./src/app-bundle/Resources/js/vue/components/App.vue
Module parse failed: /Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/src/app-bundle/Resources/js/vue/components/App.vue Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:0)
    at Parser.pp$4.raise (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:2221:15)
    at Parser.pp.unexpected (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:603:10)
    at Parser.pp$3.parseExprAtom (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:1822:12)
    at Parser.pp$3.parseExprSubscripts (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:1715:21)
    at Parser.pp$3.parseMaybeUnary (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:1692:19)
    at Parser.pp$3.parseExprOps (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:1637:21)
    at Parser.pp$3.parseMaybeConditional (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:1620:21)
    at Parser.pp$3.parseMaybeAssign (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:1597:21)
    at Parser.pp$3.parseExpression (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:1573:21)
    at Parser.pp$1.parseStatement (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:727:47)
    at Parser.pp$1.parseTopLevel (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:638:25)
    at Parser.parse (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:516:17)
    at Object.parse (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/acorn/dist/acorn.js:3098:39)
    at Parser.parse (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/webpack/lib/Parser.js:902:15)
    at NormalModule.<anonymous> (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/webpack/lib/NormalModule.js:104:16)
    at NormalModule.onModuleBuild (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/webpack-core/lib/NormalModuleMixin.js:310:10)
    at nextLoader (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/webpack-core/lib/NormalModuleMixin.js:275:25)
    at /Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/webpack-core/lib/NormalModuleMixin.js:259:5
    at Storage.finished (/Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:38:16)
    at /Users/malikperang/dev_tripfez/tripfez-vm/docker/app/tripfez_web/node_modules/graceful-fs/graceful-fs.js:90:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:54:3)
 @ ./src/app-bundle/Resources/js/vue/app.js 11:11-42

Пожалуйста, дайте мне подсказку. Я действительно застрял до сих пор.

...