1

如何使用 bootstap 4 显示正确的 webpack 2 rc3 配置？

这是我的.bootstraprc

这是我的webpack.config.js

毕竟我在 npm start 上得到这个错误：

./~/extract-text-webpack-plugin/loader.js 出错？{"omit":1,"remove":true}!./~/style-loader!./~/resolve-url-loader! ./~/sass-loader?sourceMap!./~/bootstrap-loader/lib/bootstrap.styles.loader.js?{"bootstrapVersion":4,"extractStyles":true,"styleLoaders":["style-loader ","css-loader","postcss-loader","sass-loader"],"styles":["mixins","normalize","print","re​​boot","type","images", "code","grid","tables","forms","buttons","transitions","dropdown","button-group","input-group","custom-forms","nav", "导航栏","卡片","面包屑","分页","jumbotron","alert","progress","media","list-group","re​​sponsive-embed","close","badge","modal","tooltip","popover","carousel" ,"实用程序"],"脚本":false,"configFilePath":"/Users/ivan/Dev/react/.bootstraprc","bootstrapPath":"/Users/ivan/Dev/react/~/bootstrap"," bootstrapRelPath":"../bootstrap"}!./~/bootstrap-loader/no-op.js 模块构建失败：ModuleBuildError：模块构建失败：TypeError：无法读取未定义@ ./~/bootstrap 的属性“路径” -loader/lib/bootstrap.loader.js?extractStyles!./~/bootstrap-loader/no-op.js 1:21-1040 @ ./~/bootstrap-loader/extractStyles.js @ 多应用“媒体”、“列表组”、“响应式嵌入”、“关闭”、“徽章”、“模态”、“工具提示”、“弹出框”、“轮播”、“实用程序”]、“脚本”：false ,"configFilePath":"/Users/ivan/Dev/react/.bootstraprc","bootstrapPath":"/Users/ivan/Dev/react/~/bootstrap","bootstrapRelPath":"../bootstrap"}! ./~/bootstrap-loader/no-op.js 模块构建失败：ModuleBuildError：模块构建失败：TypeError：无法读取未定义@ ./~/bootstrap-loader/lib/bootstrap.loader.js 的属性“路径”？ extractStyles!./~/bootstrap-loader/no-op.js 1:21-1040 @ ./~/bootstrap-loader/extractStyles.js @ multi app“媒体”、“列表组”、“响应式嵌入”、“关闭”、“徽章”、“模态”、“工具提示”、“弹出框”、“轮播”、“实用程序”]、“脚本”：false ,"configFilePath":"/Users/ivan/Dev/react/.bootstraprc","bootstrapPath":"/Users/ivan/Dev/react/~/bootstrap","bootstrapRelPath":"../bootstrap"}! ./~/bootstrap-loader/no-op.js 模块构建失败：ModuleBuildError：模块构建失败：TypeError：无法读取未定义@ ./~/bootstrap-loader/lib/bootstrap.loader.js 的属性“路径”？ extractStyles!./~/bootstrap-loader/no-op.js 1:21-1040 @ ./~/bootstrap-loader/extractStyles.js @ multi appmodal","tooltip","popover","carousel","utilities"],"scripts":false,"configFilePath":"/Users/ivan/Dev/react/.bootstraprc","bootstrapPath":"/ Users/ivan/Dev/react/~/bootstrap","bootstrapRelPath":"../bootstrap"}!./~/bootstrap-loader/no-op.js 模块构建失败：ModuleBuildError：模块构建失败：TypeError：无法读取未定义的属性“路径”@ ./~/bootstrap-loader/lib/bootstrap.loader.js?extractStyles!./~/bootstrap-loader/no-op.js 1:21-1040 @ ./~/ bootstrap-loader/extractStyles.js @多应用modal","tooltip","popover","carousel","utilities"],"scripts":false,"configFilePath":"/Users/ivan/Dev/react/.bootstraprc","bootstrapPath":"/ Users/ivan/Dev/react/~/bootstrap","bootstrapRelPath":"../bootstrap"}!./~/bootstrap-loader/no-op.js 模块构建失败：ModuleBuildError：模块构建失败：TypeError：无法读取未定义的属性“路径”@ ./~/bootstrap-loader/lib/bootstrap.loader.js?extractStyles!./~/bootstrap-loader/no-op.js 1:21-1040 @ ./~/ bootstrap-loader/extractStyles.js @多应用:"/Users/ivan/Dev/react/~/bootstrap","bootstrapRelPath":"../bootstrap"}!./~/bootstrap-loader/no-op.js 模块构建失败：ModuleBuildError：模块构建失败: TypeError: Cannot read property 'path' of undefined @ ./~/bootstrap-loader/lib/bootstrap.loader.js?extractStyles!./~/bootstrap-loader/no-op.js 1:21-1040 @ . //bootstrap-loader/extractStyles.js @多应用:"/Users/ivan/Dev/react/~/bootstrap","bootstrapRelPath":"../bootstrap"}!./~/bootstrap-loader/no-op.js 模块构建失败：ModuleBuildError：模块构建失败: TypeError: Cannot read property 'path' of undefined @ ./~/bootstrap-loader/lib/bootstrap.loader.js?extractStyles!./~/bootstrap-loader/no-op.js 1:21-1040 @ . //bootstrap-loader/extractStyles.js @多应用

"badge","modal","tooltip","popover","carousel","utilities"],"scripts":false,"configFilePath":"/Users/ivan/Dev/react/.bootstraprc"," bootstrapPath":"/Users/ivan/Dev/react/~/bootstrap","bootstrapRelPath":"../bootstrap"}!./~/bootstrap-loader/no-op.js 模块构建失败：ModuleBuildError：模块构建失败：TypeError：无法读取对象未定义的属性“路径”。(/Users/ivan/Dev/react/node_modules/async/dist/async.js:2234:31) "badge","modal","tooltip","popover","carousel","utilities"],"scripts":false,"configFilePath":"/Users/ivan/Dev/react/.bootstraprc"," bootstrapPath":"/Users/ivan/Dev/react/~/bootstrap","bootstrapRelPath":"../bootstrap"}!./~/bootstrap-loader/no-op.js 模块构建失败：ModuleBuildError：模块构建失败：TypeError：无法读取对象未定义的属性“路径”。(/Users/ivan/Dev/react/node_modules/async/dist/async.js:2234:31)

4

1 回答 1

1

我已经解决了我的问题。问题出在 webpack.config.js

它怎么样：

new webpack.LoaderOptionsPlugin({
...
  options: {
    ...
    context: path.resolve(__dirname, '.'),
    ...
  },
...
})

应该如何

new webpack.LoaderOptionsPlugin({
...
  options: {
    ...
    context: path.resolve(__dirname, '.'),
    output: {
      path: 'dist',
    },
    ...
  },
...
})
于 2017-01-12T20:17:28.600 回答