Vue2运行报错SyntaxError: Cannot use import statement outside a module

问题描述

像配置vue3那样配置vue.config.js的路径代理@代替src后，报错。“语法错误：不能在模块外部使用导入语句”。

原因

模块语法一个是CommonJS module，一个是 ES6 module。vue.config.js里的module.exports是CommonJS module语法。所以不能使用ES6的语法import来引入模块。而是要遵循CommonJS module语法的require来引入模块。

解决

改成CommonJS module的语法用require引入。