【发布时间】：2018-04-16 21:41:48
【问题描述】：
我们有一个相当大的 ASP.Net Core 2.0 应用程序，为了与其他项目进行标准化，我们选择迁移到 Webpack 来代替 Gulp。我想做的是从几个文件中构建一个反应组件。 'require' 语句链开始于 group-list-entrypoint.js，它已被设置为 Webpack 的入口。所以首先是 webpack.config.js 文件：
var createReactGroupListTable = {
mode: 'development',
devtool: 'source-map',
entry: {
group_list_table: "./scripts/project/group-list-entrypoint.js"
},
output: {
path: path.join(__dirname, 'wwwroot/lib/react'),
filename: "[name].js"
},
module: {
rules: [
{ test: /\.js?$/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-react', '@babel/preset-env'] } } }
]
}
};
module.exports = [ createReactGroupListTable ];
接下来，package.json：
{
"name": "-",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"npm": "^5.8.0"
},
"devDependencies": {
"@babel/core": "^7.0.0-beta.44",
"@babel/preset-env": "^7.0.0-beta.44",
"@babel/preset-react": "^7.0.0-beta.44",
"babel-loader": "^7.1.4",
"copy-webpack-plugin": "^4.5.1",
"css-loader": "^0.28.11",
"extract-text-webpack-plugin": "^4.0.0-beta.0",
"react": "^16.3.1",
"react-dom": "^16.3.1",
"style-loader": "^0.20.3",
"url-loader": "^1.0.1",
"webpack": "^4.5.0",
"webpack-cli": "^2.0.14"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"wbp": "webpack"
},
"keywords": [],
"author": "",
"license": "ISC"
}
当然还有我需要帮助的问题 - npm 报告 模块构建失败：错误：需要 Babel“^7.0.0-0”，但加载了“6.26.0”。我还将提供堆栈跟踪：
ERROR in ./scripts/project/group-list-entrypoint.js
Module build failed: Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.0". If you are sure you have a compatible version of @babel/core, it is likely that something in your build process is loading the wrong version. Inspect the stack trace of this error to look for the first entry that doesn't mention "@babel/core" or "babel-core" to see what is calling Babel. (While processing preset: "C:\\Users\\pan.sotnik\\source\\repos\\Project\\Project\\node_modules\\@babel\\preset-react\\lib\\index.js")
at throwVersionError (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\@babel\helper-plugin-utils\lib\index.js:64:11)
at Object.assertVersion (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\@babel\helper-plugin-utils\lib\index.js:13:11)
at C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\@babel\preset-react\lib\index.js:71:7
at C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\@babel\helper-plugin-utils\lib\index.js:18:12
at C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-core\lib\transformation\file\options\option-manager.js:317:46
at Array.map (<anonymous>)
at OptionManager.resolvePresets (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-core\lib\transformation\file\options\option-manager.js:275:20)
at OptionManager.mergePresets (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-core\lib\transformation\file\options\option-manager.js:264:10)
at OptionManager.mergeOptions (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-core\lib\transformation\file\options\option-manager.js:249:14)
at OptionManager.init (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-core\lib\transformation\file\options\option-manager.js:368:12)
at File.initOptions (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-core\lib\transformation\file\index.js:212:65)
at new File (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-core\lib\transformation\file\index.js:135:24)
at Pipeline.transform (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-core\lib\transformation\pipeline.js:46:16)
at transpile (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-loader\lib\index.js:50:20)
at Object.module.exports (C:\Users\pan.sotnik\source\repos\Project\Project\node_modules\babel-loader\lib\index.js:173:20)
提前感谢您的帮助。
【问题讨论】：
标签： c# npm webpack babeljs asp.net-core-2.0