這個問題應該如何解決呀？
本人用@vue/cli4.5.9搭建的一個SPA（single page application），vue2，環境搭建好之后，在vue.config.js的配置如下：
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const path = require('path');
const proxyUrl = 'https://www.baidu.com/'//訪問介面對應的域名
function resolve(dir) {
return path.join(__dirname, dir)
}
module.exports = {
devServer: {
port: 8080,
progress: true,
open: true,
host: '0.0.0.0',
hotOnly: false,
// 設定反向代理
proxy: {
'/api': {
target: proxyUrl,
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
},
'/login': {
target: proxyUrl,
changeOrigin: true,
pathRewrite: {
'^/login': ''
}
},
},
},
lintOnSave: 'warning',
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
// 生產環境
config.plugins.push(
new CompressionWebpackPlugin({
// asset: '[path].gz[query]',
algorithm: 'gzip',
test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
threshold: 10240,
minRatio: 0.8
})
)
}
if (process.env.NODE_ENV === 'development') {
config.devtool = 'eval-source-map'
}
},
chainWebpack:(config) => {
//set第一個引數：設定的別名，第二個引數：設定的路徑
config.resolve.alias
.set('@', resolve('./src'))
.set('@assets', resolve('.src/assets'))
.set('@components', resolve('./src/components'))
.set('@pages', resolve('./src/pages'))
},
pluginOptions: {
'style-resources-loader': {
preProcessor: 'scss',
injector: 'append',
patterns: [path.resolve(__dirname, './src/styles/util.scss')]
}
}
}
然后在終端執行命令：npm run serve去啟動專案，就會報錯，導致整個頁面都白屏，無法訪問，真是醉了，這個應該怎么解決呀？讓我很懵呀！錯誤如下：
Uncaught ReferenceError: __VUE_HMR_RUNTIME__ is not defined
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/239906.html
標籤：JavaScript