我在尝试提供我创建的 Vue.js 应用程序时不断出错

问题描述 投票:0回答:0

一直在尝试学习编码,并想出了一个项目来创建一个网络应用程序来捕获图像、调整大小、排序并将图像保存到谷歌驱动器中的分类文件夹中,稍后用于训练 AI 图像识别模型。

我已经到了尝试在本地部署它以通过手机对其进行测试的地步。但是无论我尝试什么,我都会遇到同样的错误。

我已经反复更新 webpack.config.js 并安装了必要的 polyfill 节点,但它仍然给我同样的回退错误。

由于错误日志太大,我已经粘贴到here.

这是我当前的 webpack.config.js

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

module.exports = {
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
    filename: 'build.js'
  },
  resolve: {
    fallback: {
      "os": require.resolve("os-browserify/browser"),
      "path": require.resolve("path-browserify"),
      "querystring": require.resolve("querystring-es3"),
      "crypto": require.resolve("crypto-browserify"),
      "stream": require.resolve("stream-browserify"),
      "url": require.resolve("url/"),
      "zlib": require.resolve("browserify-zlib"),
      "process": require.resolve("process/browser"),
      "fs": false,
      "child_process": false,
      "net": false,
      "tls": require.resolve('tls-browserify'),
      "zlib": require.resolve("browserify-zlib"),
      "https": require.resolve("https-browserify"),
      "http2": require.resolve('http2'),
      "assert": require.resolve("assert/")
    }
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'vue-style-loader',
          'css-loader'
        ],
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/
      },
      {
        test: /\.(png|jpg|gif|svg)$/,
        loader: 'file-loader',
        options: {
          name: '[name].[ext]?[hash]'
        }
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]
  },
  devServer: {
    historyApiFallback: true,
    noInfo: true,
    overlay: true
  },
  performance: {
    hints: false
  },
  devtool: '#eval-source-map',
  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify('production')
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      sourceMap: true,
      compress: {
        warnings: false
      }
    }),
    new webpack.LoaderOptionsPlugin({
      minimize: true
    })
  ]
};
vue.js vue-cli
© www.soinside.com 2019 - 2024. All rights reserved.