当要求响应-引导-提前输入时，咕噜褐变失败。

Question

我正在尝试在我的项目中包含https://www.npmjs.com/package/react-bootstrap-typeahead，但是当我运行我的粗壮浏览器化任务时，我会得到一个ParseError: Unexpected token错误。全文如下：

Running "browserify:dist" (browserify) task
>> /path/to/project/node_modules/react-bootstrap-typeahead/css/Typeahead.css:1
>> .bootstrap-typeahead .dropdown-menu {
>> ^
>> ParseError: Unexpected token
Warning: Error running grunt-browserify. Use --force to continue.

Aborted due to warnings.

问题是，在react引导-类型提前源js中有一个require('/some/file.css')。

下面是我咕哝的浏览任务：

    browserify: {
        dist: {
            cwd: 'build',
            options: {
                transform : ['browserify-css'],
                alias: {
                    'index' : './dist/index.js',
                    'root' : './dist/containers/root.js',
                    'designs' : './dist/components/designs.js',
                    'addMutationForm' : './dist/components/addMutationForm.js',
                    'ProteinChecker': './dist/containers/ProteinChecker.js',
                    'configureStore': './dist/configureStore.js',
                    'actions' : './dist/actions.js',
                    'reducers' : './dist/reducers.js',
                    'utils': './dist/utils.js',
                },
                require: [
                    './node_modules/isomorphic-fetch',
                    './node_modules/jquery',
                    './node_modules/react',
                    './node_modules/react-dom',
                    './node_modules/bootstrap',
                    './node_modules/redux',
                    './node_modules/babel-polyfill',
                    './node_modules/redux-logger',
                    './node_modules/redux-thunk',
                    './node_modules/underscore',
                    './node_modules/redux-form',
                    './node_modules/react-bootstrap-typeahead'
                ]
            },
            src: ['./dist/*.js', './dist/*/*.js'],
            dest: './public/build/app.js'
        }
    }

在试图解决这个问题时，我遇到了一些问题:一个类似的so (但尚未回答)问题，但使用的是webpack，而不是grunt+browserify，因此我不认为它适用：Using react-bootstrap-typeahead generating CSS errors和react引导-类型提前项目的github页面上的一个封闭性问题，但没有通过grunt：https://github.com/ericgio/react-bootstrap-typeahead/issues/2 (建议使用浏览器化)css转换来解决。

我试图通过在options字段中添加transform : ['browserify-css']来使用此转换，但这是行不通的。我仍然得到完全相同的错误信息。

我尝试在命令行上使用browserify-css转换来绑定这个库，然后包含这个包，但是这会导致更多的错误，我认为这与相对导入有关(而且我不认为这是一个很好的解决方案，因为如果我正确理解浏览器化，它最终会包含两次这样的东西，一次是我在命令行上创建的类型包，然后是实际的应用程序包，最后的js文件是巨大的！)

我有什么办法解决这个问题吗？

提前感谢！

Answer 1

所以最终的解决办法是增加

"browserify": {
    "transform": ["browserify-css"]
}

以packages.json的反应-引导-打字机。是在浏览器-css文档里.(面图)