npm을 사용하여 ES6에서 moment.js를 Import하는 방법

npm을 사용하여 ES6에서 moment.js를 Import하는 방법

ES6와 함께 angular js와 nodejs를 사용하고 있습니다.angular js 코드로 moment.js를 Import하고 싶습니다.했다'npm install moment --save'

이제 노드 모듈 내부에 있는 모멘트 폴더에 있는 모멘트.js 파일을 볼 수 있습니다.

그리고 내 app.js 파일에는 다음과 같은 wriiten이 있습니다.

'import moment from 'moment';

그러나 날짜 범위를 사용하여 검색하면 콘솔에 오류가 표시됩니다.누가 나 좀 도와줄래?

현재 ES6 모듈 구문을 사용하려면 다음과 같은 트랜스필러를 사용해야 합니다.Babel, node.js 및 대부분의 브라우저는 아직 ES6 모듈 구문을 지원하지 않습니다.

바벨과 웹팩은 이 일에 아주 적합하다.다음으로 좋은 예를 제시하겠습니다.

적절하게 설정하면 다음과 같이 모멘트를 호출합니다.

import moment from 'moment';
console.log(moment.now());

버전 2.10.0 모멘트가 ES6에 기록되므로:

import moment from './node_modules/moment/src/moment';
// Note the 'src/' to import the ES6 version and not the CJS build

다만, 현시점에서는 기능의 서브셋만을 Import 하는 방법은 없는 것 같습니다.전체 Import를 해야 합니다.

내게 효과가 있었던 옵션은 다음과 같다.

import * as moment from 'moment';

당신이 작성한 코드는 작동하지 않습니다.그것은 작동하지 않습니다.

//wont work
'import moment from moment'; this is wrong.
//this will work
import moment from 'moment';
or
import 'moment';

이게 안 되면.웹 팩을 사용하여 모멘트를 글로벌하게 공개합니다.

이게 네가 보고 있는 거야.

import moment from 'moment'
import it from 'moment/locale/it'
import { utc } from 'moment'
moment.locale('it')

관련 호는 이쪽에서 보실 수 있습니다.https://github.com/moment/moment/issues/2608

대신 이 librairie를 사용합니다.https://github.com/urish/angular-moment

js 파일을 로드합니다.

<script src="components/moment/moment.js"></script>
<script src="components/angular-moment/angular-moment.js"></script>

앱 컨트롤러에 모멘트 종속성을 주입합니다.

  var myapp = angular.module('myapp', ['angularMoment']);

const moment = require('moment')

이건 내게 효과가 있었다.

여기에서는, 다음과 같이 동작합니다.

import moment from 'moment';
window.moment = moment;

언급URL : https://stackoverflow.com/questions/36476402/how-to-import-moment-js-in-es6-using-npm