生产时无法进行CSS解析

时间:2019-03-13 10:43:41

标签: css reactjs webpack

我当时正在使用Webpack集成构建React应用。在webpack.common.js文件中,

在输入路径中,我给出了vendor.js和app.js以及
这是我的供应商文件

import 'react'
import 'react-dom'

// third party libraries
import 'jquery'
import 'popper.js'
import 'bootstrap'
import 'bootswatch/dist/sketchy/bootstrap.min.css'

为生产而建造时,它会失败并且会出错

  

JisonParserError:在第1行上解析错误:255px 25px 225px ...------ ^

     

预期输入的结尾“ ADD”,“ SUB”,“ MUL”,“ DIV”在C:\ reactjs \ react-events-portal \ vendors〜vendor.css:13:90472处出现意外的“ LENGTH”

如果我删除css bootswatch,则构建工作正常。 bootswatch路径是正确的,但我不知道它如何在开发模式下而不是在产品构建中工作。

请帮助

2 个答案:

答案 0 :(得分:1)

看看这个https://github.com/facebook/create-react-app/issues/6004似乎是bootswatch的错误。

答案 1 :(得分:0)

这是Botswatch中Sketchy主题的问题。 他们正在努力。 https://github.com/thomaspark/bootswatch/issues/878。 等待新版本。 顺便说一句,如果您更改主题,它会起作用。