반응형
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
반응형
'programing' 카테고리의 다른 글
| 데이터베이스 문서 작성 방법 (0) | 2023.04.04 |
|---|---|
| 리액트 라우터 네비게이션바 예시 (0) | 2023.04.04 |
| MongoDB 고유의 집약 (0) | 2023.04.04 |
| 워드프레스 데이터베이스에 쿼리를 삽입하는 방법 (0) | 2023.04.04 |
| Word press는 ID별로 여러 개의 게시물을 가져옵니다. (0) | 2023.04.04 |