Otaku Blog

personal writings from mogita

构建 Vue.js 工程时 .vue 文件解析报错

Posted at — Apr 10, 2017

在一台 CentOS 6 服务器上构建 Vue.js 项目时,.vue 文件大量报错:

xxx.vue doesn't export content

这个错误的原因之一可能是 node-sass 安装不正常。也就是说,在 .vue 文件报错日志的最上方,或许能够看到 node-sass 模块的相关出错信息。

如果你能看到这个出错信息,可以参考一下我的解决方法。

更新 gcc 方法参考:

  1. 先安装 gcc 4.9
cd /etc/yum.repos.d
wget http://linuxsoft.cern.ch/cern/scl/slc6-scl.repo
yum -y --nogpgcheck install devtoolset-3-gcc devtoolset-3-gcc-c++
  1. 然后修改 .bashrc 设置 gcc 的执行路径
vi ~/.bashrc
  1. 修改或插入 PATH 变量
PATH=/opt/rh/devtoolset-3/root/usr/bin/:$PATH
  1. 进入工程目录,执行 rm -rf node_modules/node-sass/ && yarn add node-sass 再次安装并编译。如果安装过程无误,这次会由 gcc 4.9 进行编译。

编译完成后,执行 yarn build 或你的工程定义的构建命令来进行构建,应该不会再看到文章开头的错误了。

20170601 更新

CentOS 7 系统请参考这个 gist