Comments (3)
Here is an updated version of the module
part of the webpack.config.js
. You may need to change it according to your needs. It used Webpack 4.
module: {
rules: [
{
test: /\.js?$/,
exclude: /(node_modules|bower_components|.vscode|.git|build)/,
use: {
loader: 'babel-loader',
options: {
presets: ['react', 'es2015', 'stage-0'],
plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy']
}
}
}
]
},
from react-js-tutorials.
Apparently I was able to make a workaround with this:
module: {
rules: [
{
test: /.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /.css$/,
use: ["style-loader", "css-loader"]
}
]
},
But thanks for the reply! Appreciate much.
from react-js-tutorials.
At first I was getting this error:
Cannot read property 'babel' of undefined
Then after following @sdubrez suggested changes here, now I'm getting this error:
1-basic-react $ webpack
Hash: b32ced688df0d5aea663
Version: webpack 4.21.0
Time: 106ms
Built at: 10/17/2018 6:30:26 PM
Asset Size Chunks Chunk Names
client.min.js 8.7 KiB main [emitted] main
Entrypoint main = client.min.js
[./js/client.js] 217 bytes {main} [built] [failed] [1 error]
ERROR in ./js/client.js 7:16
Module parse failed: Unexpected token (7:16)
You may need an appropriate loader to handle this file type.
|
| const app = document.getElementById('app');
> ReactDOM.render(<Layout/>, app);
|
This is following the code in 1-basic-react tutorial
from react-js-tutorials.
Related Issues (20)
- Duplicate declaration "Layout"
- @connect unexpected token HOT 4
- Could you add the link to your YouTube React JS Series into the description? HOT 1
- JSX code in tutorials uses "class" instead of "className" HOT 1
- Which middleware runs the reducer when there are two middlewares. HOT 4
- "Warning: Unknown props `activeClassName`, `onlyActiveOnIndex` on <li> tag. Remove these props from the element." HOT 1
- Webpack config with production flag
- Redux Tutorial #6 : Changes to applyMiddleware HOT 1
- Each child in an array or iterator should have a unique "key" prop. HOT 5
- Where do you dispatch FETCH_TWEETS? HOT 1
- Cannot get mobx #1 tutorial to work; exception HOT 9
- node_modules not present inside every react tutorial folders HOT 1
- Webpack 4.0 Loaders to Plugins API HOT 1
- webpack-dev-server will not run HOT 1
- webpack command not found HOT 1
- not able to run 4-redux HOT 1
- New resources for newcomers at 2018.
- Text inputted in "special instructions and remarks" for well samples is displayed in the 'Non analytical Request" box
- support for the experimental syntax 'decorators-legacy' isn't currently enabled
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-js-tutorials.