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/dotenvnuxt.config.js中modules数组里的@nuxtjs/dotenv相关配置,第三方dotenv模块会和Nuxt内置的dotenv逻辑冲突导致解析错误。 - 完成上述调整后,清空Nuxt缓存再启动项目:
正常启动后,你在项目组件中可以通过# 直接启动时加clean参数清空缓存 npm run dev -- --cleanthis.$config.baseURL直接访问你配置的publicRuntimeConfig变量。
内容的提问来源于stack exchange,提问作者Denkhis
相关产品推荐
相关产品推荐

