Thursday, 6 September 2018

Having some troubles with babel.

I have a project where I am using webpack and have a webpack config file like so:const path = require("path");module.exports = {mode: "development",entry: "./containers/Layout.js",output: {path: path.resolve(__dirname, "dist"),filename: "bundle.js"},devtool: "inline-source-map",module: {rules: [{test: /\.(js)$/,exclude: /node_modules/,use: ["babel-loader"]}]}};My babelrc file looks like so:{"presets": [ "es2015", "react"]}Every time I run npm run webpack-dev-server I get the following error:ERROR in ./containers/Layout.jsModule build failed (from ./node_modules/babel-loader/lib/index.js):Error: Couldn't find preset 'es2015' relative to directory "C:\\Users\\username\\Documents\\Code\\Personal Site\\packages\\site"​I also tried the following with zero luck.{"presets": [ "@babel/preset-env", "@babel/preset-react"]}​Here is my package.json too:​"dependencies": {"express": "^4.16.3","lodash": "^4.17.10","react": "^16.4.2","react-dom": "^16.4.2","react-redux": "^5.0.7","react-router-dom": "^4.3.1"},"devDependencies": {"babel": "^6.23.0","babel-core": "^6.26.3","babel-loader": "^7.1.5","babel-preset-env": "^1.7.0","babel-preset-react": "^6.24.1","webpack": "^4.17.2","webpack-cli": "^3.1.0","webpack-dev-server": "^3.1.7"}​Any help is seriously appreciated.

Submitted September 06, 2018 at 05:26PM by jblevins1991

No comments:

Post a Comment