在虚拟机中使用安可
编辑该页面在虚拟机中使用安可
安可兼容虚拟机等VirtualBox和VMWare但是你可能需要做出一些改变你的配置使其工作。
文件看问题
当使用一个虚拟机,您的项目根目录与虚拟机共享使用NFS。这个介绍文件看的问题,所以你必须启用轮询选择让它工作:
1 2 3 4 5 6 7 8
/ / webpack.config.js/ /……/ /将申请“安可dev -观察”和“安可dev-server”命令Encore.configureWatchOptions (watchOptions= >{watchOptions。调查=250年;/ /检查更改每250毫秒});
开发服务器问题
配置公共路径
请注意
你可以跳过这一节,如果您的应用程序上运行http://localhost
而不是一个自定义本地域名http://app.vm
。
开发服务器运行时,您可能会看到下面的错误在web控制台:
1 2 3
http://localhost: 8080 /构建/供应商~应用。css net:: ERR_CONNECTION_REFUSED得到http://localhost: 8080 /构建/运行时。js net:: ERR_CONNECTION_REFUSED……
如果你的Symfob娱乐下载ony应用程序运行在一个定制的领域(如。http://app.vm
),您必须显式地在你的配置公共路径package.json
:
1 2 3 4 5 6 7 8
{…"脚本":{——“dev-server”:“安可dev-server”,+“dev-server”:“安可dev-server——公共http://app.vm: 8080”,…}}
后重启安可和重新加载您的web页面,您可能会看到不同的问题在web控制台:
1 2
http://app.vm: 8080 /构建/供应商~应用。css net:: ERR_CONNECTION_REFUSED得到http://app.vm: 8080 /构建/运行时。js net:: ERR_CONNECTION_REFUSED
你还需要进行其他配置更改,以下各部分将对此进行说明。
允许外部访问
添加——主机0.0.0.0
参数dev-server
在你的配置package.json
文件的开发服务器接受所有传入的连接:
1 2 3 4 5 6 7 8
{…"脚本":{——“dev-server”:“安可dev-server——公共http://app.vm: 8080”,+“dev-server”:“安可dev-server——公共http://app。虚拟机:8080——主机0.0.0.0”,…}}
谨慎
确保你的虚拟机内运行开发服务器;否则其他电脑可以访问它。
解决“无效的主机头”的问题
Webpack反应无效的主机头
从dev-server当试图访问文件。为了解决这个问题,设置allowedHosts
选择:
1 2 3 4 5 6 7 8 9
/ / webpack.config.js/ /……再来一个/ /…….configureDevServerOptions (选项= >{选项。allowedHosts =所有;})
谨慎
注意,不建议设置allowedHosts所有在一般情况下,但这是需要解决的问题在使用安可虚拟机。
这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。
TOC
版本
版本: