前端环境部署调研

前端环境部署调研

调研情况

image.png

To-Do

• [ ] readme 添加 commit 信息规范
• [ ] 鼓励大家用yarn

前端框架错误

错误1: instance is not defined

error in./src/utils/axios. js syntax Error: SyntaxError: teacher-frontend-master(src\utils axios. js: Export 'instance' is not defined(36: 4)

34 VueAxios,
35 // eslint-disable-next-line no-undef
36 instance as axios
37}

@. /src/utils/request. js 4: 0-35 64: 12-20 @src/maln. ]S @multi(webpack)-dev-server/client?http://192.168.56.1:8080/sockjs node(webpack)/hot/dev-server.js ./src/main.js

顺便一提, 使用npm偶尔也会遇到vue-cli-server不是命令的情况, 这种情况rm node_modules 重新yarn install就可以了

错误2: 找不到python2

gyp verb command configure[]
gyp verb check python checking for Python executable python in the PATH
gyp verb which failed Error: not found: Python2

前端框架错误解决

错误1: instance is not defined

因为在readme 中没有鼓励大家使用yarn, 而且写了npm的备用方案, 导致使用npm的同学都遇到了这个问题.

在这里鼓励大家使用yarn替代npm, 如果觉得yarn install速度不行, 可以尝试使用cnpm install 其他时候尽量使用yarn

错误2: 找不到python2

npm install --global --production windows-build-tools

npm install --global node-gyp

# 执行后重新安装yarn

总结

实际上调研中出现的所有状况都是使用npm导致的, 这是我们写readme时不严谨导致的错误. 实际上这些错误都可以通过删除node_modules/ 重新yarn install来解决问题

原型图