reactjs

Question 1

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 polling app",
  "main": "app-client.js",
  "dependencies": {
    "babel-loader": "^6.2.2",
    "bootstrap": "^3.3.6",
    "express": "^4.13.4",
    "react": "^0.14.7"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

Question 2

npm을 설치하는 동안 babel-loader와 babel-core를 dev-dependency로 설치해야합니다.

npm install babel-core babel-loader --save-dev

Question 3

babel-loader 8+를 사용하려는 경우 : ‘babel-core’대신 ‘@ babel / core’패키지로 설치되는 Babel 7.x가 필요합니다. 즉, 다음을 실행하십시오.

npm install --save-dev @babel/core

Question 4

이 오류를 만났고 babel-core를 설치하여 해결했습니다. 그러나 흥미로운 점은 babel-core가 babel-loader의 peerDependencies에 존재한다는 것입니다.

https://github.com/babel/babel-loader/blob/master/package.json

peerDependecies가 자동으로 설치하지 왜, 몇 검색 작업 후 나는 발견 이 NPM 블로그에.

peerDependencies는 더 이상 자동으로 설치되지 않습니다.

Question 5

이 스레드에 대한 @Chetan의 답변에 추가 :

오늘 여기 에서 Axel Rauschmayer 박사의 책을 읽어 보면서이 문제를 만났습니다 . 책마다 babel-loader다운로드해야 babel-core합니다. 그러나 이것은 내가 그것을 시도했을 때의 경우가 아닙니다. 나는 이것이 @theJian의 대답과 관련이 있다고 생각합니다.

원본 package.json이 이미 babel-loader종속성으로 나열되었으므로 다음 명령을 실행하면 오류가 해결되었습니다.

npm install babel-core --save-dev

Question 6

npm install babel-register

이것은 당신의 문제를 해결할 수 있습니다. 추가로 babelrc .babelrc { “presets”: [ “es2015”, “react”]}를 추가하세요.