升级Ember应用从2.13到2.16时遭遇Unexpected token <<错误

我来帮你排查这个棘手的问题，这种Unexpected token <错误在Ember升级场景里很常见，大多和依赖兼容性、缓存或者模板语法有关，结合你的情况，咱们一步步来解决：

1. 优先检查ember-resolver版本兼容性 #

你当前使用的ember-resolver@^4.1.0可能和Ember 2.16不兼容。Ember 2.16对resolver的版本有特定要求，建议你升级到适配该版本的resolver：

• 运行命令：npm install ember-resolver@^4.4.0 --save-dev
  （这个版本是经过验证的、适配Ember 2.16的稳定版本）

2. 清理Vagrant环境下的缓存 #

虚拟机环境很容易残留旧缓存，导致依赖加载异常，按以下步骤操作：

• 退出vagrant ssh，在本地终端执行vagrant reload重启虚拟机
• 重新进入虚拟机后，执行：

  rm -rf node_modules
  npm cache clean --force
  npm install
  ember clear
  

3. 排查模板语法错误 #

Unexpected token <很多时候是模板里存在非法语法（比如未闭合的HTML标签、废弃的Handlebars语法），Ember 2.16对语法的校验更严格：

• 手动检查最近修改的模板文件，重点看是否有未闭合的标签
• 运行ember lint:hbs自动检测模板语法问题，根据提示修复

4. 检查Babel配置兼容性 #

Ember 2.16升级了内置的Babel版本，如果你的项目自定义了Babel配置，可能会出现冲突：

• 检查项目根目录的.babelrc文件，移除过时的preset或plugin
• 查看ember-cli-build.js里的Babel相关配置，确保和Ember 2.16的默认配置一致

补充说明 #

错误里提到“在ember-resolver的构造函数中出错”，很大概率是版本不兼容导致的——旧版本的resolver无法适配Ember 2.16的新特性，加载时触发了语法解析错误。先尝试升级resolver并清理缓存，这通常能解决大部分这类问题。

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