The following error message is reported during webpack packaging

No parser and no filepath given, using "babel" the parser now but this will throw an error in the future. Please specify a parser or a filepath so one can be inferred .
webpack configuration:
const Webpack = require ("webpack")
const WebpackHtmlPlugin = require (" html-webpack-plugin")
const ExtractTextPlugin = require ("extract-text-webpack-plugin")
const CopyWebpackPlugin = require ("copy-webpack-plugin")
const path = require (" path")
function pathResolve (src) {
return path.join (_ dirname,".. /"+ src)
}
module.exports = {

entry: {
    main: pathResolve("src/main.js"),
    vendor: ["vue","vue-router"]
},
output: {
    path: pathResolve("dist"),
    publicPath: "/",
    filename: "js/[name].[hash].js",
    chunkFilename: "[name].[chunkhash].js"
},
module: {
    rules: [
       {
          test: /\.vue$/,
          include: [pathResolve("src")],
          use: [{
              loader: "vue-loader",
              options: {
                postcss: {
                    plugins: [require("autoprefixer")()],
                },
                loaders: {
                    css: ExtractTextPlugin.extract({
                        fallback: "vue-style-loader",
                        use: [{
                            loader: "css-loader"
                        }]
                    }),
                    less: ExtractTextPlugin.extract({
                        fallback: "vue-style-loader",
                        use: [{
                            loader: "css-loader"
                        },{
                            loader: "less-loader"
                        }]
                    })
                }
              }
          }]
        }, 
        
        {
            test: /\.js$/,
            include: [pathResolve("src")],
            use: "babel-loader"
          
        },
          
        {
          test: /\.css$/,
          use: ExtractTextPlugin.extract({
              fallback: "style-loader",
              use: [{
                  loader: "css-loader"
              },{
                loader: "postcss-loader",
                options: {
                    indet: "postcss",
                    plugins: [require("autoprefixer")({
                        browsers: ["last 2 version"]
                    })]
                }
            }]
          })
        },
        
        {
          test: /\.less$/,
          use: ExtractTextPlugin.extract({
            fallback: "style-loader",
            use: [{
                loader: "css-loader"
            },{
                loader: "less-loader"
            }]
         })
        },
        
        {
            test: /\.(png|jpe?g|gif|svg)$/,
            use: {
                loader: "url-loader",
                options: {
                    limit: 10000,
                    name: "images/[name].[hash:7].[ext]"
                }
             }
        }
    ]
},
resolve: {
    extensions: [".js", ".vue", ".css"],
    alias: {
        "@": pathResolve("src")
    }
},
plugins: [
    new Webpack.optimize.CommonsChunkPlugin({
        name: "vendor",
        minchunks: Infinity
    }),
    new Webpack.optimize.CommonsChunkPlugin({
        name: "manifest",
        minchunks: Infinity
    }),
    new ExtractTextPlugin("style/style.css"),
    new WebpackHtmlPlugin({
        template: pathResolve("src/index.html"),
        filename: "index.html",
        inject: true,
        minify: true
    }),
    new Webpack.DefinePlugin({
        process_ENV: JSON.stringify("development")
    }),
    new CopyWebpackPlugin([{
        from: pathResolve("static"),
        to: pathResolve("dist/static")
    }])
]

};

package.json:
{
"name": "firstcli",
"version": "1.0.0",
"description": "Vue-Cli",
"main": "main.js",
"scripts": {

"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack-dev-server --inline --progress --config ./build/webpack.dev.config.js",
"build": "node ./build/webpack.production.config.js"

},
"author": "",
"license": "ISC",
"dependencies": {

"vue": "^2.5.22",
"vue-router": "^3.0.2"

},
"devDependencies": {

"@babel/core": "^7.2.2",
"@babel/plugin-transform-runtime": "^7.2.0",
"@babel/preset-env": "^7.3.1",
"@babel/runtime": "^7.3.1",
"babel-loader": "^8.0.0-beta.0",
"copy-webpack-plugin": "^4.6.0",
"css-loader": "^0.28.7",
"extract-text-webpack-plugin": "^2.1.2",
"file-loader": "^3.0.1",
"friendly-errors-webpack-plugin": "^1.7.0",
"html-webpack-plugin": "^3.2.0",
"less": "^3.9.0",
"less-loader": "^4.1.0",
"node-notifier": "^5.3.0",
"ora": "^3.0.0",
"postcss-loader": "^3.0.0",
"ra": "^0.9.7",
"rimraf": "^2.6.3",
"shelljs": "^0.8.3",
"style-loader": "^0.19.1",
"url-loader": "^1.1.2",
"vue-loader": "^13.6.0",
"vue-style-loader": "^4.1.2",
"vue-template-compiler": "^2.5.22",
"webpack": "^3.0.0",
"webpack-dev-server": "^2.9.7",
"webpack-merge": "^4.2.1"

},
"repository": {

"type": "git",
"private": true

}
}

May.26,2022

you can post the configuration of webpack


upgrade vue-loader to v15 to see

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1c203b5-56131.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1c203b5-56131.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?