programing

Webpack / Babel / React 빌드 오류: "알 수 없는 옵션: foo/node_modules/react/react.js.아이들"

easyjava 2023. 4. 4. 23:23
반응형

Webpack / Babel / React 빌드 오류: "알 수 없는 옵션: foo/node_modules/react/react.js.아이들"

웹 팩을 사용하여 프로젝트를 작성하고 다음 웹 팩 구성으로 대응하려고 합니다.

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']
        }
      },
      {
        test: /\.less$/,
        loader: "style!css!autoprefixer!less"
      },
    ]
  }
};

필요한 PM 모듈도 있고 웹 팩도 설치되어 있지만 웹 팩을 실행하면 다음과 같은 메시지가 나타납니다.

Module build failed: ReferenceError: [BABEL] /Users/me/foo/app/main.js: Unknown option: foo/node_modules/react/react.js.Children

좋은 생각 있어요?

설치하는 것을 잊었습니다.

$ npm install babel-preset-react --save-dev

프로젝트에서 사용하지 않는 오래된 npm 모듈을 제거하자 오류가 발생했다는 것을 덧붙이고 싶습니다.어디서도 사용하지 않았기 때문에 이상했습니다.어디서나 사용하지 않는 것을 언인스톨 하면 어떻게 에러가 발생할 수 있습니까?

이 모듈 중 하나의 서브의존관계에는 babel-preset-react가 있었습니다.이것을 시작할 때 제 프로젝트에 인스톨 할 수 없었습니다.따라서 이 패키지를 제거하면 critical babel-preset-react도 제거됩니다.

1년 이상 리액션 앱은 다른 패키지의 하위 종속성 덕분에 컴파일할 수 있었습니다.


네, babel-preset-react를 설치하면 문제가 해결되었습니다.

언급URL : https://stackoverflow.com/questions/33739933/webpack-babel-react-build-error-unknown-option-foo-node-modules-react-rea

반응형