You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Nuxt2.15.3项目访问.env环境变量报Unexpected token错误求助

Nuxt 2.15.3 .env文件解析错误解决方案
  • 首先排查项目代码中是否存在手动引入.env文件的语句(例如import '.env'、require('./.env')等),直接删除该类引入即可。Nuxt 2.13及以上版本已内置dotenv支持,会自动加载根目录下的.env文件变量注入到process.env,无需手动引入文件。
  • 检查nuxt.config.js中的build.loader配置,确认是否存在错误匹配.env文件的规则,如果有匹配所有文本类文件的loader规则,添加exclude: /\.env$/排除.env文件即可。
  • 若你之前安装了@nuxtjs/dotenv第三方模块,先执行命令卸载该模块:
    npm uninstall @nuxtjs/dotenv
    
    同时删除nuxt.config.js中modules数组里的@nuxtjs/dotenv相关配置,第三方dotenv模块会和Nuxt内置的dotenv逻辑冲突导致解析错误。
  • 完成上述调整后,清空Nuxt缓存再启动项目:
    # 直接启动时加clean参数清空缓存
    npm run dev -- --clean
    
    正常启动后,你在项目组件中可以通过this.$config.baseURL直接访问你配置的publicRuntimeConfig变量。

内容的提问来源于stack exchange,提问作者Denkhis

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.25 12:54:04