解决vue ssr antd 按需加载样式报错SyntaxError: Unexpecte

2020-3-20 22:00:58
学习记录
95

解决vue ssr antd 按需加载样式报错SyntaxError: Unexpected token ‘{’ 的问题

报错如下:

body { ^SyntaxError: Unexpected token '{' at Module._compile (internal/modules/cjs/loader.js:895:18)

antdStyleLodar.png

解决办法:

在vue ssr开发中,由于使用了webpack-node-externals外部化模块依赖,导致vue-style-loader被外部化,无法处理css样式,导致报错。解决办法

//在webpack option中添加如下配置即可externals:nodeExternals({ whitelist: /\.css$/, modulesFromFile:{ include :[ 'vue-style-loader' ] }}),
avatar

Sky(小新)

个人签名: 提升能力,创造价值!

江苏-南京
skylpz@qq.com