คำถามติดแท็ก babeljs

Babel (เดิมคือ 6to5) เป็นคอมไพเลอร์ JavaScript มันแปลงรหัส ES6 + / ES2015 เป็นรหัส ES5

5
ข้อผิดพลาดในไม่พบโมดูล 'babel-core' โดยใช้ react.js, webpack และเซิร์ฟเวอร์ด่วน
เมื่อใดก็ตามที่ฉันวิ่ง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 …

12
ข้อผิดพลาด: ไม่พบ“ es2015” ที่ตั้งไว้ล่วงหน้าซึ่งสัมพันธ์กับไดเรกทอรี“ / Users / ชื่อผู้ใช้”
ฉันได้รับข้อผิดพลาดต่อไปนี้เมื่อพยายามใช้ gulp-babel: ข้อผิดพลาด: ไม่พบ "es2015" ที่ตั้งไว้ล่วงหน้าที่สัมพันธ์กับไดเร็กทอรี "/ Users / username" ฉันมีการตั้งค่าล่วงหน้า es2015 ไว้ทั่วโลกและในเครื่องดังนั้นจึงไม่เห็นว่าทำไมถึงเป็นปัญหา ด้านล่างนี้คือการตั้งค่าอึกของฉันและ 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" } …

6
SyntaxError: ไม่สามารถใช้คำสั่งนำเข้านอกโมดูล
ฉันมีโครงการ ApolloServer ที่ทำให้ฉันมีปัญหาดังนั้นฉันจึงคิดว่าฉันอาจอัปเดตและพบปัญหาเมื่อใช้ Babel ล่าสุด "index.js" ของฉันคือ: require('dotenv').config() import {startServer} from './server' startServer() และเมื่อฉันเรียกใช้ฉันได้รับข้อผิดพลาด "SyntaxError: ไม่สามารถใช้คำสั่งนำเข้านอกโมดูล" ก่อนอื่นฉันพยายามทำสิ่งต่าง ๆ เพื่อโน้มน้าวใจ TPTB * ว่านี่เป็นโมดูล (ไม่สำเร็จ) ดังนั้นฉันจึงเปลี่ยน "นำเข้า" เป็น "ต้องการ" และใช้งานได้ แต่ตอนนี้ฉันมี "การนำเข้า" ประมาณสองโหลในไฟล์อื่นทำให้ฉันมีข้อผิดพลาดเดียวกัน * ฉันแน่ใจว่าสาเหตุของปัญหาคือฉันไม่แน่ใจด้วยซ้ำว่ามีอะไรบ่นเกี่ยวกับปัญหานี้ ฉันคิดว่ามันคือบาเบล 7 (ตั้งแต่ฉันมาจากบาเบล 6 และฉันต้องเปลี่ยนค่าที่ตั้งไว้ล่วงหน้า) แต่ฉันไม่แน่ใจ 100% สิ่งที่ฉันพบวิธีแก้ปัญหาส่วนใหญ่ดูเหมือนจะไม่ใช้กับโหนดตรง ชอบอันนี้ที่นี่: โมดูล ES6 นำเข้าที่ให้ "Uncaught SyntaxError: ตัวระบุที่ไม่คาดคิด" บอกว่ามันได้รับการแก้ไขโดยการเพิ่ม "type …

2
วิธีการส่งออกโมดูล ES6 หลายโมดูลจากแพ็คเกจ NPM หนึ่งแพค
ฉันได้สร้างแพคเกจ NPM ที่ค่อนข้างเล็กซึ่งประกอบด้วย ES6 คลาสที่แตกต่างกันประมาณ 5 คลาสซึ่งมีอยู่ในไฟล์เดียวแต่ละไฟล์พวกเขาทั้งหมดมีลักษณะเช่นนี้: 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 transpiled และ minified การติดตั้งและนำเข้าแพคเกจใช้งานได้ดี แต่เมื่อฉันทำสิ่งต่อไปนี้จากรหัสลูกค้าของฉัน: import { MyClass } from 'my-package'; ไม่เพียงแค่นำเข้า …

5
วิธีแก้ไข“ ไม่สามารถใช้คำสั่งนำเข้านอกโมดูล” ได้อย่างตลก
ฉันมีแอปพลิเคชัน React (ไม่ได้ใช้สร้างแอป React) ที่สร้างโดยใช้ TypeScript, Jest, Webpack และ Babel เมื่อพยายามเรียกใช้ "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": …

1
จะกำหนดค่า Jasmine ใน Rails 6 ได้อย่างไร?
ฉันจะกำหนดค่าจัสมินได้อย่างไรในสภาพแวดล้อม Rails 6 (ที่ Webpack แทนที่ไพพ์ไลน์ของสินทรัพย์สำหรับ Javascript) ดังนั้นฉันสามารถทดสอบโมดูล Javascript ที่ฉันเขียนขึ้นสำหรับแอพของฉันได้อย่างไร ฉันติดตั้งพลอยจัสมิน, วิ่งrails generate jasmine:install, และแก้ไขjasmine.ymlให้ชี้ไปที่ตำแหน่งของแหล่งจาวาสคริปต์และข้อมูลจำเพาะของฉัน ปัญหาคือฉันไม่สามารถใช้คำสั่งนำเข้า / ส่งออก (ตัวอย่างเช่นพยายามโหลดโมดูลแรกของฉันไปที่ผลการทดสอบในข้อผิดพลาดนี้ใน Chrome: Uncaught SyntaxError: Unexpected token 'export') จากสิ่งที่ฉันสามารถบอกได้ฉันต้องตั้งค่าจัสมินให้ใช้บาเบล แต่ฉันไม่มีโชคในการค้นหาคำแนะนำเกี่ยวกับวิธีการทำสิ่งนี้ในเค้าโครง Rails 6 ใหม่
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.