nuxt执行npm run build后element样式失效
2020-12-10 本文已影响0人
明眸yh
历时两个星期终于将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部署。