一直在尝试学习编码,并想出了一个项目来创建一个网络应用程序来捕获图像、调整大小、排序并将图像保存到谷歌驱动器中的分类文件夹中,稍后用于训练 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
})
]
};