angular4 aot 服务器指向和rollup报错

Question

根据官方文档 生成出来的dist文件中没有静态css文件和index.html 而且rollup优化报错 无法捆绑
rollup error 信息： Could not resolve entry (src/main.js)
请问 aot之后的dist 和aot 服务器上如何指向并且rollup如何解决报错问题

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

AOT（Asynchronous Optimization）是Angular 6及更高版本中的一个功能，用于在构建时将JavaScript模块转换为可执行代码。这有助于提高性能，并减少内存使用。

以下是如何配置Angular AOT以指向AOT服务器并解决Rollup报错的问题：

1. 在build或build:prod命令行参数中添加--aot选项：

   ng build --aot --prod
   

2. 使用ng serve来启动开发服务器。

3. 启动AOT服务器：

   ng serve -o /path/to/aot-server
   

4. 将/path/to/aot-server/dist/目录设置为Angular AOT服务器的输出路径。

5. 在rollup.config.js中修改output对象，使其指向AOT服务器的输出路径：

export default [
  // ...
  {
    file: 'dist/aot-server/bundle.js',
    format: 'esm'
  },
  // ...
];

1. 使用Rollup编译代码：

   npx rollup -c
   

2. 验证是否正确指向了AOT服务器的输出路径：

   ls dist/aot-server/
   

3. 检查是否有错误消息：

   npm run lint
   npm run test
   

以上步骤应该能够帮助您解决问题。如果仍然遇到问题，请提供更详细的错误信息以便进一步的帮助。