react-tabsを使いたいのでnpm i -D react-tabs
でインストールはしたのですが
こちらのexampleのTabs内onSelect
の行でエラーになります。
https://www.npmjs.com/package/react-tabs
コードは上記URLのexampleをそのまま使っています。
エラー内容
ERROR: エラーファイル名: Unexpected token (29:8) while parsing file: エラーファイル名
pacage.json
json
1{ 2 "name": "react-test", 3 "version": "1.0.0", 4 "license": "MIT", 5 "scripts": {}, 6 "dependencies": { 7 "jquery": "^2.1.4", 8 "marked": "^0.3.5", 9 "react": "^0.14.5", 10 "react-dom": "^0.14.5" 11 }, 12 "devDependencies": { 13 "babel-preset-es2015": "^6.3.13", 14 "babel-preset-react": "^6.3.13", 15 "babelify": "^7.2.0", 16 "body-parser": "^1.14.2", 17 "browserify": "^12.0.1", 18 "express": "^4.13.3", 19 "gulp-csscomb": "^3.0.7", 20 "gulp-jade": "^1.0.0", 21 "gulp-load-plugins": "^0.10.0", 22 "gulp-nodemon": "^2.0.6", 23 "gulp-pleeease": "^1.2.0", 24 "gulp-plumber": "^1.0.0", 25 "gulp-stylus": "^2.0.1", 26 "react-router": "^2.6.1", 27 "react-tabs": "^0.7.0", 28 "vinyl-source-stream": "^1.1.0" 29 } 30}
インストールしているのに読み込まれないのが不思議です。
原因わかりますでしょうか
補足
読み込まれていないのが原因なのか調べるためonSelectの記述などを外して下記にコードを変更しましたところ。<Tab>Foo</Tab>
でエラーになりました。
エラー内容は
エラーファイル名: Unterminated regular expression (50:20) while parsing file: エラーファイル名
です。
jsx
1class App extends Component { 2 constructor(props) { 3 super(props) 4 this.handleSelect = this.handleSelect.bind(this); 5 } 6 handleSelect(index, last) { 7 console.log('Selected tab: ' + index + ', Last tab: ' + last); 8 } 9 10 render() { 11 return ( 12 {/* 13 タブずの説明 14 */} 15 16 <Tabs> 17 18 {/* 19 タブリストの説明 20 */} 21 22 <TabList> 23 24 {/* 25 タブの説明 26 */} 27 28 <Tab>Foo</Tab> 29 <Tab>Bar</Tab> 30 <Tab>Baz</Tab> 31 </TabList> 32 33 {/* 34 タブパネルの説明 35 */} 36 37 <TabPanel> 38 <h2>Hello from Foo</h2> 39 </TabPanel> 40 <TabPanel> 41 <h2>Hello from Bar</h2> 42 </TabPanel> 43 <TabPanel> 44 <h2>Hello from Baz</h2> 45 </TabPanel> 46 </Tabs> 47 ); 48 } 49}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/08/04 06:38