mapbox / mapbox/react-geocoder

trouble with webpack

未关闭
#12 4 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

enhancement
主要语言
JavaScript
星标
136
派生
61
PR 合并指标
30 天内没有已合并 PR

描述

I'm using webpack (with babel-loader), and get this error when I import react-geocoder:

```
ERROR in ./~/react-geocoder/index.js
Module parse failed: /Users/me/project/node_modules/react-geocoder/index.js Line 9:
Unexpected token (
You may need an appropriate loader to handle this file type.
| */
| var Geocoder = React.createClass({
| getDefaultProps() {
| return {
| endpoint: 'https://api.tiles.mapbox.com',
@ ./static/app/scripts/components/ListProperty/ListPropertyLocationField.jsx 25:21-46
```

This is most likely a webpack config problem, but I'm hoping someone here knows how to help. My webpack config:

```
var config = {
entry: './static/app/scripts/main.js',
output: {
path: __dirname,
filename: 'main.js'
},
debug : isDev,
module: {
loaders: [{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel'
}]
}
};
```

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

从 webpack 配置和 react-geocoder/index.js 中失败的导入开始,使用 static/app/scripts/components/ListProperty/ListPropertyLocationField.jsx 和 static/app/scripts/main.js 作为复现路径。运行报告中的 webpack 构建,并验证导入 react-geocoder 时能够在没有模块解析错误的情况下完成编译;未提及具体测试。

由索引模型根据 Issue 内容生成。

评估

技术栈
javascript, react, webpack
领域
build-system, frontend
Issue 类型
缺陷
难度
2/5
预计耗时
1-3 小时
活跃度
停滞
描述清晰度
需要澄清
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。