首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >《配置巴别塔》-《预置》-《Webpack》中的阶段0

《配置巴别塔》-《预置》-《Webpack》中的阶段0
EN

Stack Overflow用户
提问于 2017-06-26 16:54:30
回答 1查看 296关注 0票数 1

我尝试在我的webpack.config.js中添加babel-preset-stage 0,下面是我的配置代码:

代码语言:javascript
运行
复制
module.exports = {
  entry: './app/app.jsx',
  output: {
    path: __dirname,
    filename: './public/bundle.js'
  },
  resolve: {
    root: __dirname,
    alias: {
    },
    extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [
      {
        loader: 'babel-loader',
        query: {
          presets: ['stage-0', 'react', 'es2015']
        },
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/
      }
    ]
  }
};

然而,我最终得到了这个错误:

代码语言:javascript
运行
复制
ERROR in ./app/app.jsx
Module build failed: TypeError: Path must be a string. Received undefined
    at assertPath (path.js:28:11)
    at Object.dirname (path.js:1345:5)
    at /Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:374:36
    at /Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:396:22
    at Array.map (native)
    at OptionManager.resolvePresets (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:385:20)
    at OptionManager.mergePresets (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:369:10)
    at OptionManager.mergeOptions (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:328:14)
    at /Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:370:14
    at /Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:390:24
    at Array.map (native)
    at OptionManager.resolvePresets (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:385:20)
    at OptionManager.mergePresets (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:369:10)
    at OptionManager.mergeOptions (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:328:14)
    at OptionManager.init (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/options/option-manager.js:481:10)
    at File.initOptions (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/index.js:211:75)
    at new File (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/file/index.js:129:22)
    at Pipeline.transform (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-core/lib/transformation/pipeline.js:48:16)
    at transpile (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-loader/index.js:14:22)
    at Object.module.exports (/Users/annguyen/Documents/React/ReactWeather/node_modules/babel-loader/index.js:88:12)

当我删除预设中的“阶段0”时,它工作得非常好。以下是我的dev依赖项:

代码语言:javascript
运行
复制
"devDependencies": {
    "babel-core": "^6.5.1",
    "babel-loader": "^6.2.2",
    "babel-preset-es2015": "^6.5.0",
    "babel-preset-react": "^6.5.0",
    "babel-preset-stage-0": "^6.24.1",
    "webpack": "^1.12.13"
  }

EN

回答 1

Stack Overflow用户

发布于 2017-06-26 17:06:49

建议在项目的根目录中添加.babelrc,然后:

代码语言:javascript
运行
复制
{
  "presets": [
    "es2015",
    "stage-0",
    "react"
  ]
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44756069

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档