前提・実現したいこと
タイトルのimport 'babel-polyfill'で発生するUnexpected stringエラーを解決したいです。
環境はRails4 React.js
gem 'sprockets-es6'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.1.0'
gem 'jquery-rails'
発生している問題・エラーメッセージ
・ローカルでは
Uncaught SyntaxError: Unexpected string Uncaught TypeError: Failed to resolve module specifier "babel-polyfill". Relative references must start with either "/", "./", or "../".
Heroku環境では
Uncaught SyntaxError: Unexpected string
上記のエラーが発生します。
該当のソースコード
app/assets/javascripts/src/boot.js
import 'babel-polyfill' import $ from './vendor/jquery' import page from 'page' import MessageRouter from './router/message' import UserRouter from './router/user' $(() => { const messageRouter = new MessageRouter() messageRouter.register() page({click: false}) const userRouter = new UserRouter() userRouter.register() page({click: false}) })
package.json
{ "name": "chat_app", "version": "1.0.0", "description": "== README", "main": "index.js", "directories": { "test": "test" }, "scripts": { "watch": "npm run lint:fix && watchify app/assets/javascripts/src/boot.js -t babelify --extension=\".js.jsx\" -d -o public/assets/javascripts/boot.js -v", "watch:hot": "npm run lint && watchify app/assets/javascripts/src/boot.js -t babelify --extension=\".js.jsx\" -d -p livereactload -o public/assets/javascripts/boot.js -v", "lint": "eslint ./app/assets/javascripts/src", "lint:fix": "npm run lint -- --fix", "start": "npm run watch & rails s ", "test": "echo \"Error: no test specified\" && exit 1" }, "devDependencies": { "babel-eslint": "^5.0.0-beta6", "classnames": "^2.2.5", "eslint": "^1.10.3", "eslint-config-standard": "^4.4.0", "eslint-config-standard-react": "^1.2.1", "eslint-plugin-react": "^3.14.0", "eslint-plugin-standard": "^1.3.1", "livereactload": "^2.1.0", "react-proxy": "^2.0.1" }, "dependencies": { "acorn": "^3.1.0", "babel-core": "^6.3.21", "babel-eslint": "^5.0.4", "babel-plugin-react-transform": "^2.0.0", "babel-polyfill": "^6.26.0", "babel-preset-es2015": "^6.1.2", "babel-preset-react": "^6.1.2", "babelify": "^7.2.0", "browserify": "~13.0.0", "browserify-incremental": "^3.1.1", "change-case": "2.3.1", "chart.js": "1.0.2", "escodegen": "^1.8.0", "eventemitter2": "^0.4.14", "flux": "^2.0.0", "gulp": "^3.8.11", "gulp-buffer": "0.0.2", "gulp-rev": "^6.0.1", "gulp-shell": "^0.5.2", "gulp-uglify": "^1.5.1", "gulp-util": "3.0.7", "i18n-js": "http://github.com/fnando/i18n-js/archive/v3.0.0.rc8.tar.gz", "keymirror": "~0.1.0", "lodash": "^4.2.1", "material-ui": "^0.14.4", "moment": "2.11.2", "object-assign": "4.0.1", "page": "^1.6.4", "rc-tooltip": "^3.3.0", "react": "^0.14.5", "react-addons-transition-group": "^0.14.5", "react-dnd": "^2.0.2", "react-dnd-html5-backend": "^2.0.2", "react-dom": "0.14.7", "react-file-input": "^0.2.5", "react-modal": "^0.6.0", "react-router-dom": "^4.3.1", "react-slick": "^0.12.0", "react-tap-event-plugin": "^0.2.1", "reactify": "^1.1.1", "reveal.js": "3.2.0", "socket.io-client": "^1.4.5", "superagent": "^1.6.1", "vinyl-source-stream": "^1.1.0", "watchify": "3.7.0", "zeroclipboard": "2.2.0" }, "engines": { "node": "8.12.0", "npm": "6.4.1" } }
試したこと
https://github.com/babel/babel/issues/8835
babelのissueで同じ問題がありましたが、ここではbabelのversionを6にすることで解決しています。しかし、自分は babelのversion6を使用しているので関係はなさそうです。
よろしくお願いいたします。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。