react.js - react服务端渲染引入样式报错

问题描述

问 题

import babelRegister from 'babel-register';
babelRegister({
    ignore: /(.css|.less|.scss|.sass|.png|.jpg|.tmp)$/,
    extensions: [".jsx", ".js"]
});

报下面的错
  
{ SyntaxError: /Users/jackple/Documents/workspace/frontend_service/frontend/frontend_service/views/fanli/index-react/components/styles/swiper.custom.scss: Unexpected token (1:0)
> 1 | .swiper-pagination {
    | ^
  2 |     bottom: (14/48) + em;
  3 |     &>i{
  4 |         width: auto;
  

尝试使用

const extensions = ['.css', '.less', '.scss', 'sass'];
    for (let item of extensions) {
        require.extensions[item] = () => {
            return false;
        };
    }
    

可是代码是先识别整个程序引入的模块再执行的

还是不能解决问题

求可行的方案

解决方案

我找到问题了,引入的react入口文件要动态的require就好了,先不用麻烦了

这篇关于react.js - react服务端渲染引入样式报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！