gajus / gajus/babel-plugin-react-css-modules

Module build failed: TypeError: Cannot read property 'parse' of undefined

Open
#146 2 comments 3 reactions 0 assignees View on GitHub
question
Dominant language
JavaScript
Stars
2k
Forks
159
PR merge metrics
No merged PRs in 30d

Description

Hey, I'm trying to set up this plugin in my project, but Webpack compilation fails with the following error:

```
ERROR in ./app/client/silvertip/elements/progress_bar.js
Module build failed: TypeError: /Users/tim/Development/Rails/go/app/client/silvertip/elements/progress_bar.js: Cannot read property 'parse' of undefined
at new LazyResult (/Users/tim/Development/Rails/go/node_modules/postcss/lib/lazy-result.js:63:23)
at Processor.process (/Users/tim/Development/Rails/go/node_modules/postcss/lib/processor.js:117:12)
at getTokens (/Users/tim/Development/Rails/go/node_modules/babel-plugin-react-css-modules/dist/requireCssModule.js:82:29)
at exports.default (/Users/tim/Development/Rails/go/node_modules/babel-plugin-react-css-modules/dist/requireCssModule.js:125:10)
at PluginPass.ImportDeclaration (/Users/tim/Development/Rails/go/node_modules/babel-plugin-react-css-modules/dist/index.js:156:102)
at newFn (/Users/tim/Development/Rails/go/node_modules/babel-traverse/lib/visitors.js:276:21)
at NodePath._call (/Users/tim/Development/Rails/go/node_modules/babel-traverse/lib/path/context.js:76:18)
at NodePath.call (/Users/tim/Development/Rails/go/node_modules/babel-traverse/lib/path/context.js:48:17)
at NodePath.visit (/Users/tim/Development/Rails/go/node_modules/babel-traverse/lib/path/context.js:105:12)
at TraversalContext.visitQueue (/Users/tim/Development/Rails/go/node_modules/babel-traverse/lib/context.js:150:16)
```

package.json:

``` json
{
"engines": {
"node": "6.x",
"yarn": "1.2.1"
},
"dependencies": {
"@rails/webpacker": "^3.0.2",
"babel-plugin-react-css-modules": "^3.3.2",
"babel-preset-react": "^6.24.1",
"react": "^15.6.1",
"react-dom": "^15.6.1"
},
"devDependencies": {
"babel-jest": "20.0.1",
"enzyme": "^3.1.0",
"enzyme-adapter-react-15": "^1.0.3",
"eslint": "4.9.0",
"eslint-config-airbnb": "^16.1.0",
"eslint-loader": "^1.9.0",
"eslint-plugin-import": "^2.8.0",
"eslint-plugin-jsx-a11y": "^6.0.2",
"eslint-plugin-react": "^7.4.0",
"identity-obj-proxy": "^3.0.0",
"jest": "20.0.1",
"postcss-cssnext": "^3.0.2",
"postcss-sass": "^0.2.0",
"postcss-scss": "^1.0.2",
"precss": "^2.0.0",
"react-test-renderer": "^15.6.1",
"webpack-dev-server": "^2.9.4",
"webpack-merge": "^4.1.1"
}
}
```

.babelrc:

``` json
{
"presets": [
"env",
"react"
],
"plugins": [
"syntax-dynamic-import",
"transform-object-rest-spread",
[
"transform-class-properties",
{
"spec": true
}
],
[
"react-css-modules",
{
"exclude": "node_modules",
"webpackHotModuleReloading": true,
"generateScopedName": "[path]___[name]__[local]___[hash:base64:5]",
"filetypes": {
".sass": {
"syntax": "postcss-sass",
"plugins": ["postcss-nested"]
},
".scss": {
"syntax": "postcss-scss",
"plugins": ["postcss-nested"]
}
}
}
]
]
}
```

Abbreviated JS source file:

``` javascript
import React from 'react'
import './progress_bar.sass'

class ProgressBar extends React.Component {
render() {
return
}
}
```

The Webpack configuration comes from the `@rails/webpacker` node module. Any help or a direction I should investigate is appreciated. Thanks!

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.