Questions tagged «babeljs»

每当我webpack在终端上运行时，我都会得到： Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' 这是我的webpack.config.js文件 module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] } } package.json { "name": "react", "version": "1.0.0", "description": "React …

84 javascript  express  reactjs  webpack  babeljs 

尝试使用gulp-babel时出现以下错误： 错误：找不到相对于目录“ / Users / username”的预设“ es2015” 我在全球和本地安装了es2015预设，因此看不到为什么会出现问题。 以下是我的gulp设置和package.json。 var babel = require('gulp-babel'); var es2015 = require('babel-preset-es2015'); gulp.task('babel', function() { return gulp.src('./app/main.js') .pipe(babel({ presets: [es2015] })) .pipe(gulp.dest('dist')); }); Package.json "devDependencies": { "babel-preset-es2015": "^6.3.13", "babel-preset-es2015-node5": "^1.1.1", "browser-sync": "^2.11.0", "gulp": "^3.9.0", "gulp-babel": "^6.1.1", "gulp-stylus": "^2.2.0" } 我正在使用节点v5.1.0和babel v6.4.0 这是终端输出 终端输出

84 javascript  node.js  ecmascript-6  gulp  babeljs 

我正在尝试使用webpack构建项目并对此webpack配置做出反应： var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devtool: 'source-map', module: { loaders: [ { test: /\.js$/, include: path.join(__dirname, 'app'), loader: 'babel-loader', query: { presets: ['react', 'es2015'] } }, { …

80 reactjs  webpack  babeljs 

我用的是需要挂钩的BabelJS（原名6to5）与运行节点的应用程序es6features： // run.js require("babel/register"); require("./app.js6"); 我打电话node run.js来运行我的app.js6。我需要安装BabelJS并为每个我想使用es6features的项目提供一个run.js。我希望打个电话nodejs6 app.js6。如何独立实现该系统（Unix和Windows）？

78 javascript  node.js  ecmascript-6  babeljs 

我正在使用webpack + babel。我有三个看起来像这样的模块： // A.js // some other imports here console.log('A'); export default 'some-const'; // B.js import someConst from './A'; console.log('B', someConst); export default 'something-else'; // main.js import someConst from './A'; import somethingElse from './B'; console.log('main', someConst); 当main.js执行时，我看到以下内容： B undefined A main some-const 如果我将中的导入交换为main.js，则B成为第一个，我得到： A B some-const main some-const 怎么会B.js得到undefined而不是第一个版本中的模块？怎么了？

78 javascript  webpack  babeljs 

我看到在OS X的babel-node版本6.1.18 / Node版本5.1.0下运行时，该instanceof运算符不适用于Error子类的实例。这是为什么？相同的代码在浏览器中效果很好，请尝试我的小提琴作为示例。 以下代码true在浏览器中输出，而在babel-node下为false： class Sub extends Error { } let s = new Sub() console.log(`The variable 's' is an instance of Sub: ${s instanceof Sub}`) 我只能想象这是由于babel-node中的错误所致，因为它instanceof适用于以外的其他基类Error。 .babelrc { "presets": ["es2015"] } 编译输出 这是babel 6.1.18编译的JavaScript： 'use strict'; function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot …

77 javascript  node.js  ecmascript-6  babeljs 

在ES6中，可以缩短以下代码。我有一个App.js文件和一个index.js。 index.js import App from './App'; export default App; 像这样 index.js export default App from './App.js'

76 javascript  ecmascript-6  babeljs  es6-modules 

如Babel “入门”页面所述，我已经安装了babel-cli工具。 从项目文件夹中的终端： npm install --save-dev babel-cli 此后，存在一个带有babel-cli文件夹的node_modules目录，但没有创建package.json。npm还显示以下错误： npm WARN enoent ENOENT: no such file or directory, open '/Users/MyName/Sites/Tutorials/Babel2/package.json 尝试运行babel时，我得到以下信息： babel src -d lib -bash: babel: command not found 我安装了最新版本的nodejs / npm。我已经运行npm update -g，并且我已经编辑了.bash_profile文件以包括： export PATH=$PATH:/Users/MyName/npm/bin export PATH=/usr/local/share/npm/bin:$PATH 我还没有使用其他npm工具（例如browserify）体验到这一点。为什么通货膨胀不被认可？

76 npm  babeljs 

我正在尝试使我的Browserify / Babelify / Gulp在我的项目中运行，但不会使用散布运算符。 我从gulpfile中收到此错误： [SyntaxError: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js: Unexpected token (16:8) while parsing file: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js] 这是我的gulpfile.js var gulp = require('gulp'); var source = require('vinyl-source-stream'); var browserify = require('browserify'); var sourcemaps = require('gulp-sourcemaps'); var uglify = require('gulp-uglify'); var buffer = require('vinyl-buffer'); var babelify = require('babelify'); gulp.task('build', function () { return browserify({entries: …

75 javascript  gulp  ecmascript-6  browserify  babeljs 

我正在使用使用多个入口点的webpack配置： var fs = require('fs'); var webpack = require('webpack'); var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.[hash].js'); module.exports = { cache: true, entry: { main: './resources/assets/js/main.js', services: './resources/assets/js/services.js' }, output: { path: './public/assets/web/js', filename: '[name].[hash].js', publicPath: '/assets/web/js/', chunkFilename: '[id].[chunkhash].js' }, resolve: { modulesDirectories: ['node_modules', 'web_modules', 'modules'] }, module: { loaders: [{ test: /\.js$/, …

71 webpack  babeljs 

我有一个ApolloServer项目给我带来麻烦，所以我认为我可能会更新它，并且在使用最新的Babel时遇到问题。我的“ index.js”是： require('dotenv').config() import {startServer} from './server' startServer() 当我运行它时，出现错误“ SyntaxError：无法在模块外部使用import语句”。首先，我尝试做一些事情以说服TPTB *，这是一个模块（没有成功）。因此，我将“导入”更改为“需要”，并且此方法可行。 但是现在我在其他文件中有大约两打“导入”，给了我同样的错误。 *我确定问题的根源在于，我甚至不确定该问题的根源。我以为是Babel 7（因为我来自Babel 6，所以我不得不更改预设），但我不确定100％。 我为解决方案找到的大多数内容似乎不适用于纯Node。像这里这样： ES6模块导入，给出“未捕获的SyntaxError：意外的标识符” 说可以通过添加“ type = module”来解决，但这通常会出现在HTML中，而我没有。我还尝试使用项目的旧预设： "presets": ["es2015", "stage-2"], "plugins": [] 但这给了我另一个错误：“错误：插件/预设文件不允许导出对象，只能导出功能。” 更新：这是我开始的依赖项： "dependencies": { "@babel/polyfill": "^7.6.0", "apollo-link-error": "^1.1.12", "apollo-link-http": "^1.5.16", "apollo-server": "^2.9.6", "babel-preset-es2015": "^6.24.1",

52 javascript  node.js  babeljs  apollo-server 

我构建了一个相对较小的NPM包，每个包中包含大约5个不同的ES6类，它们看上去都非常像这样： export default class MyClass { // ... } 然后，我为我的包裹设置了一个入口点，如下所示： export { default as MyClass } from './my-class.js'; export { default as MyOtherClass } from './my-other-class.js'; 然后，我通过webpack和babel运行入口点，最后以经过编译和缩小的index.js结尾 安装和导入软件包可以正常工作，但是当我从客户端代码执行以下操作时： import { MyClass } from 'my-package'; 它不仅导入“ MyClass”，还导入整个文件，包括每个类的所有依赖关系（我的某些类具有很大的依赖关系）。 当您尝试导入已捆绑的软件包的一部分时，我想到了webpack是如何工作的？所以我也将我的本地webpack配置设置为也node_modules/my-package通过babel 运行，然后尝试： import { MyClass } from 'my-package/src/index.js'; 但是即使这样，它也会导入index.js导出的每个类。看来我想要的唯一运作方式是： import MyClass from 'my-package/src/my-class.js'; 但我宁愿： …

16 javascript  webpack  babeljs  es6-modules 

我有一个使用TypeScript，Jest，Webpack和Babel构建的React应用程序（不使用Create React App）。尝试运行“ yarn jest”时，出现以下错误： 我尝试删除所有软件包并重新添加它们。它不能解决此问题。我看过类似的问题和文档，但仍然有些误解。我什至遵循了另一本从头开始设置此环境的指南，但我的代码仍然收到此问题。 依赖项包括... "dependencies": { "@babel/plugin-transform-runtime": "^7.6.2", "@babel/polyfill": "^7.6.0", "babel-jest": "^24.9.0", "react": "^16.8.6", "react-dom": "^16.8.6", "react-test-renderer": "^16.11.0", "source-map-loader": "^0.2.4" }, "devDependencies": { "@babel/core": "^7.6.0", "@babel/preset-env": "^7.6.0", "@babel/preset-react": "^7.0.0", "@types/enzyme": "^3.9.2", "@types/enzyme-adapter-react-16": "^1.0.5", "@types/jest": "^24.0.13", 组件的导入行... import * as React from "react"; import { BrowserRouter as Router, …

11 reactjs  jestjs  babeljs  babel-jest  ts-jest 

如何在Rails 6环境（Webpack替换Java的资产管道）中配置Jasmine，以便可以测试为应用程序编写的Javascript模块？ 我安装了茉莉花宝石ran rails generate jasmine:install并进行了编辑，jasmine.yml以指向我的Javascript源和规范的位置。 问题是我不能使用导入/导出语句。（例如，试图加载我的第一模块向测试结果在此错误在Chrome： Uncaught SyntaxError: Unexpected token 'export'） 据我所知，我需要设置茉莉花来使用babel。但是，我在新的Rails 6布局中找不到如何执行此操作的说明。

9 ruby-on-rails  jasmine  babeljs  es6-modules  ruby-on-rails-6