出现 Uncaught ReferenceError: process is not defined 错误

原创

于 2025-05-18 13:45:19 发布 · 2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#前端

在浏览器环境中，process 对象是 Node.js 环境特有的，因此当你在浏览器中运行代码时，会出现 Uncaught ReferenceError: process is not defined 错误。这个错误是因为代码里使用了 process.env.BASE_URL，而浏览器环境下并没有 process 对象。

解决方案

1. 使用 Vite 构建工具

如果你使用的是 Vite 构建工具，process.env 是不被支持的，Vite 使用 import.meta.env 来替代。你需要把代码中的 process.env.BASE_URL 替换成 import.meta.env.BASE_URL。

import {
   
    createRouter, createWebHistory } from 'vue-router';
import Home from '../views/Home.vue';
import Login from '../views/Login.vue';
import EquipmentList from '../views/EquipmentList.vue';
import EquipmentDetail from '../views/EquipmentDetail.vue';
import EquipmentMap from '../views/EquipmentMap.vue';
import Inspection from '../views/Inspection.vue';
import WorkOrderList from '../views/WorkOrderList.vue';
import WorkOrderDetail from '../views/WorkOrderDetail.vue';
import WorkOrderCreate from '../views/WorkOrderCreate.vue';
import UserList from '../views/UserList.vue';
import UserDetail from '../views/UserDetail.vue';
import Dashboard from '../views/Dashboard.vue';

const routes = [
  {
   
   
    path: '/',
    name: 'Home',
    component: Home,
    meta: {
   
    requiresAuth: true }
  },
  {
   
   
    path: '/login',
    name: 'Login',</