执行npm run dev时出现TypeError：无法解构dotenv.parsed的TITLE属性

错误原因 #

dotenv.parsed为undefined，说明dotenv.config()未成功读取到环境变量文件，可能的触发场景：

• 项目根目录缺少.env文件
• .env文件路径配置错误，dotenv无法定位到目标文件
• .env文件中未定义TITLE变量

解决方案 #

1. 确认存在正确的.env文件 #

在项目根目录创建或检查.env文件，确保包含TITLE变量：

TITLE=你的项目标题

2. 确保dotenv加载正确路径 #

如果.env不在根目录，或相对路径存在歧义，显式指定文件路径：

// 修改webpack.config.js中的dotenv加载代码
dotenv = require('dotenv').config({ 
  path: path.resolve(__dirname, '.env') // 可替换为你的.env实际路径
});

3. 添加容错处理避免构建崩溃 #

在解构变量前先检查dotenv.parsed是否存在，防止直接抛出错误中断构建：

// 替换原第13行代码
const TITLE = dotenv.parsed?.TITLE || '默认项目标题';

或添加明确的错误提示：

if (!dotenv.parsed) {
  throw new Error('无法加载.env文件，请检查文件是否存在或路径配置是否正确');
}
const { TITLE } = dotenv.parsed;

4. 检查变量名大小写 #

环境变量名区分大小写，确保.env中的变量是TITLE（而非title或其他变体）。

内容的提问来源于stack exchange，提问作者MethyllC