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

2,063 阅读1分钟

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

错误提示

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


解决办法

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

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