Comments (14)
You most likely have a 4.x babel-runtime
. Please remove your node_modules
folder and npm install
again.
from babel-loader.
@sebmck tried that already and also did a npm cache clean
from babel-loader.
Not sure what's causing this then:
$ node
> require("babel-runtime/core-js")["default"].Object.defineProperty
[Function: defineProperty]
from babel-loader.
@sebmck I think the problem might be a compatibility issue with iojs. Switched to node 0.12.x and it works now.
from babel-loader.
$ iojs
> require("babel-runtime/core-js")["default"].Object.defineProperty
[Function: defineProperty]
from babel-loader.
@sebmck never mind It's still happening in both. I still get the error with the simple example below, but if I remove the constructor
function the error is gone.
- babel-loader: 5.0.0
- babel-core: 5.1.10
- babel-runtime: 5.1.10
- react: 0.13.1
index.js
import React from 'react';
class MyComponent extends React.Component {
constructor(props) {
super(props);
}
render() {
return <div> test </div>;
}
}
React.render(<MyComponent/>, document.getElementById('main'));
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bug Example</title>
<meta name="description" content="">
<script src='//cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react.js'></script>
</head>
<body>
<div id="main"></div>
<script type="text/javascript" src="/bundle.js"></script>
</body>
</html>
webpack.config.js
var webpack = require('webpack');
module.exports = {
entry: {
app: './index.js'
},
output: {
path: './build',
filename: 'bundle.js',
publicPath: '/'
},
devtool: 'inline-source-maps',
module: {
loaders: [
{ test: /\.(js|jsx)$/, loader: 'babel?stage=0&optional=runtime', exclude:['node_modules'] }
]
},
externals: {
react: 'React',
},
resolve: {
extensions: ['', '.js', '.jsx']
}
};
from babel-loader.
here is a jsfiddle to demo the error https://jsfiddle.net/euforic/5vjqabv3/474/
from babel-loader.
Can you verify that you're using the latest babel-runtime
please. cc @zloirock
from babel-loader.
@sebmck emm? In last example I don't see core-js
, only helpers.
from babel-loader.
@zloirock Look at the jsfiddle, the error is being thrown on the line module.exports = __webpack_require__(10).core.Object.keys;
.
from babel-loader.
Interesting. I don't test it with webpack. I will investigate the problem in the evening.
from babel-loader.
Looks like bug it config. Webpack run runtime
transformer on core-js
files.
from babel-loader.
Try changing your exclude
filter to /node_modules/
.
from babel-loader.
@sebmck yep that fixes it. Thanks for all the help!
from babel-loader.
Related Issues (20)
- [Bug]: TypeError: this.getOptions is not a function + SPFx HOT 8
- @babel/plugin-transform-optional-chaining, configuration does not take effect HOT 1
- BunnyJs
- `module.exports` is returned instead of `module.exports.default` when importing from node_modules HOT 1
- Plugin transform-runtime generates incorrect commonjs wrapper HOT 2
- Issue while creating build for React JS Application HOT 6
- unknow option .default HOT 5
- Adding ES6 `import("find-cache-dir");` should be a breaking change. HOT 7
- You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | HOT 1
- [Bug]: HOT 2
- Cache files take up too much disk space
- Refresh time is too slow in expo react-native project after upgrade HOT 14
- Babel-loader Cache - unable to cache in changing directory environment HOT 2
- After upgrade my nodejs version 16.8.0 to 16.9.0, I am getting this error "You may need an additional loader to handle the result of these loaders" HOT 1
- Bug Error Run npm ci npm ERR! Cannot read property '@babel/cli' of undefined npm ERR! HOT 1
- Feature request: Different browserslistEnv based on webpack target. HOT 1
- You may need additional loaders
- semver vulnerable to Regular Expression Denial of Service HOT 3
- Bump semver dependency to >= 7.5.2 HOT 1
- Vulnerable dependencies (indirect security issues) HOT 1
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 babel-loader.