问题描述:在部署Angular 6应用程序后,LESS动画不起作用。
解决方法:
package.json
文件中,确保less
和less-loader
的版本正确,并已安装。如果没有安装,可以使用以下命令进行安装:npm install less less-loader --save-dev
angular.json
文件中正确配置了样式。在styles
数组中添加LESS文件的路径,例如:"styles": [
"src/styles.less"
]
.less
文件中添加了以下内容:.fade-in-animation {
animation: fade-in 1s linear;
}
@keyframes fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
This element will fade in
ng build --prod
确保在服务器上正确部署了构建后的应用程序。将构建生成的文件部署到服务器上,并确保服务器正确配置了静态资源的访问。
清除浏览器缓存并重新加载应用程序。在浏览器中打开应用程序,并使用Ctrl + Shift + R
(Windows)或Cmd + Shift + R
(Mac)强制清除缓存并重新加载应用程序。
通过以上步骤,应该能够解决部署后LESS动画不起作用的问题。