nuxt执行npm run build后element样式失效

历时两个星期终于将vue项目,迁移到nuxt,想着在本地打个包运行下试试,nuxt执行npm run build后element样式失效。

下面跟着我一起来打个包运行下:

  • 执行命令npm run build

  • 新建一个文件夹,将下面这些文件放到新的文件夹下

    • .nuxt

    • nuxt.config.js

    • package.json

    • static

  • 打开package.json修改端口号为88

server: {
  port: 88, // default: 3000
  host: 'localhost' // default: localhost, 部署到linux服务器需要修改成0.0.0.0
}
  • 执行 npm install 安装依赖(网不是特别好,建议执行cnpm安装)


  • 执行 npm run start 运行起来了

遇到的问题

  • element ui 样式失效
    解决:将ssr: false 改为 true,使得插件会在服务端运行。这样就正常运行了。
plugins: [
  {
    src: '@/plugins/element-ui', 
    ssr: true 
  }
]

此案例只是在本地运行,如果是部署到服务器,需要安装node运行环境,pm2部署。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容