laravel5.6 + vue2 开发单页应用坑点记录
内容提要
本文讨论了在Windows上使用Laravel 5.6和Vue 2开发单页应用时遇到的node-sass编译问题，解决方案包括通过管理员权限的PowerShell安装windows-build-tools，并设置Python环境变量。此外，文章提到修改Vue组件后BrowserSync未能自动刷新，建议在webpack.mix.js中添加特定配置，但仍存在问题。
关键要点
-
在Windows上使用node-sass时，可能会遇到编译问题，通常可以通过npm rebuild node-sass --force解决。
-
编译过程中可能会出现'python executable file not found'的错误，需要设置Python环境变量。
-
可以通过管理员权限的PowerShell安装windows-build-tools来解决node-sass编译问题，命令为：npm --add-python-to-path='true' --debug install --global windows-build-tools。
-
修改Vue组件后，BrowserSync未能自动刷新，可以在webpack.mix.js中添加特定配置，但仍然存在问题。
-
尝试使用npm run watch-poll也未能解决BrowserSync自动刷新的问题，且在Windows 10上可能会出现toast弹窗。
延伸问答
在Windows上使用node-sass时常见的编译问题是什么？
常见的编译问题包括'python executable file not found'的错误，通常可以通过设置Python环境变量解决。
如何在Windows上解决node-sass的编译问题？
可以通过管理员权限的PowerShell安装windows-build-tools，命令为：npm --add-python-to-path='true' --debug install --global windows-build-tools。
修改Vue组件后BrowserSync不自动刷新的原因是什么？
修改Vue组件后BrowserSync未能自动刷新可能是因为webpack.mix.js中的配置不正确，尽管添加了特定配置仍然存在问题。
如何在webpack.mix.js中配置BrowserSync以实现自动刷新？
可以在webpack.mix.js中添加mix.webpackConfig({ devServer: { watchOptions: { poll: true } } });来尝试实现自动刷新。
使用npm run watch-poll有什么问题？
使用npm run watch-poll未能解决BrowserSync自动刷新的问题，并且在Windows 10上可能会出现toast弹窗。
在Windows上开发Laravel和Vue时有哪些常见的坑点？
常见的坑点包括node-sass编译问题、Python环境变量设置以及BrowserSync自动刷新失败等。
