Monday, January 13, 2020
On Monday, January 13, 2020 at 1:04:46 PM UTC-5, jake wrote:
That looks like a babel problem, you are not transforming the jsx. Post your babel config file.On Mon, Jan 13, 2020 at 10:20 AM fugee ohu <fuge...@gmail.com> wrote:--app/javascript/packs/index.jsimport React from 'react'import ReactDom from 'react-dom'
import App from '../components/App'
document.addEventListener('DOMContentLoaded', () => {
ReactDom.render(
<App/>,
document.body.appendChild(document.createElement('div')) ,
)
})I get this error:SyntaxError: .../packs/index.js: Unexpected token (7:6)
5 | document.addEventListener('DOMContentLoaded', () => {
6 | ReactDom.render(
> 7 | <App/>,
| ^
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
To unsubscribe from this group and stop receiving emails from it, send an email to rubyonra...@googlegroups.com .
To view this discussion on the web visit https://groups.google.com/d/msgid/rubyonrails-talk/ .24a278c2-d548-424c-adc2- 730b687240bb%40googlegroups. com
It was in node_modules
const { join, resolve } = require('path')
const { cache_path: cachePath, source_path: sourcePath, resolved_paths: resolvedPaths } = require('../config')
const { nodeEnv } = require('../env')
// Process application Javascript code with Babel.
// Uses application .babelrc to apply any transformations
module.exports = {
test: /\.(js|jsx|mjs)?(\.erb)?$/,
include: [sourcePath, ...resolvedPaths].map((p) => resolve(p)),
exclude: /node_modules/,
use: [
{
loader: 'babel-loader',
options: {
cacheDirectory: join(cachePath, 'babel-loader-node-modules'),
cacheCompression: nodeEnv === 'production',
compact: nodeEnv === 'production'
}
}
]
}
const { cache_path: cachePath, source_path: sourcePath, resolved_paths: resolvedPaths } = require('../config')
const { nodeEnv } = require('../env')
// Process application Javascript code with Babel.
// Uses application .babelrc to apply any transformations
module.exports = {
test: /\.(js|jsx|mjs)?(\.erb)?$/,
include: [sourcePath, ...resolvedPaths].map((p) => resolve(p)),
exclude: /node_modules/,
use: [
{
loader: 'babel-loader',
options: {
cacheDirectory: join(cachePath, 'babel-loader-node-modules'),
cacheCompression: nodeEnv === 'production',
compact: nodeEnv === 'production'
}
}
]
}
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
To unsubscribe from this group and stop receiving emails from it, send an email to rubyonrails-talk+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/rubyonrails-talk/0ee3e797-0119-4826-82d9-0e20bb20a6d2%40googlegroups.com.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment