我正在開發一個應用程式,我已將前端更新為使用 v4 中的 vue cli v5,并且出現運行時錯誤:未捕獲的ReferenceError:未定義行程。Process.version 在我正在使用的 jsonwebtoken 庫中被參考。見下文:
Uncaught ReferenceError: process is not defined 錯誤
jsonwebtoken 參考
由于 vue cli v5 使用 webpack 5,我在編譯期間遇到了一些與 pollyfill 模塊相關的錯誤,我在下面修復了這些錯誤:
fallback: {
crypto: require.resolve('crypto-browserify'),
buffer: require.resolve('buffer'),
util: require.resolve('util'),
stream: require.resolve('stream-browserify')
}
在我的 webpack 組態檔中,我嘗試添加/設定 process.env 變數:
module.exports = {
plugins: [
new webpack.DefinePlugin({
'process.env': ''
}),
new Dotenv({ systemvars: true })
],
有沒有人在升級到 vue cli v5 時遇到過類似的問題?謝謝!
uj5u.com熱心網友回復:
試試看:
const webpack = require('webpack');
const {defineConfig} = require('@vue/cli-service');
module.exports = defineConfig({
transpileDependencies: true,
configureWebpack: {
//process: {env: {}},
plugins: [
// fix "process is not defined" error:
// (do "npm install process" before running the build)
new webpack.ProvidePlugin({
process: 'process/browser',
}),
],
resolve: {
fallback: {
http: require.resolve("stream-http"),
https: require.resolve("https-browserify"),
crypto: require.resolve("crypto-browserify"),
stream: require.resolve("stream-browserify"),
os: require.resolve("os-browserify/browser"),
url: require.resolve("url"),
assert: require.resolve("assert"),
},
},
}
});
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/468860.html
標籤:javascript Vue.js 网页包 Vue-cli
