Javascript 未找到输入模块:错误:Can';t解析'/src/index.js';
我正在安装react启动应用程序并添加了Webpack,但它说Javascript 未找到输入模块:错误:Can';t解析'/src/index.js';,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,我正在安装react启动应用程序并添加了Webpack,但它说无法解析'/src/index.js' 浏览器显示 我的文件路径和Package.json内容 Webpack.config.js内容 var debug = process.env.NODE_ENV !== "production"; var webpack = require('webpack'); var path = require('path'); module.exports = {
无法解析'/src/index.js'
浏览器显示
我的文件路径和Package.json内容
Webpack.config.js内容
var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');
module.exports = {
context: path.join(__dirname, "public"),
devtool: debug ? "inline-sourcemap" : false,
entry: "./src/index.js",
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel-loader',
query: {
presets: ['react', 'es2016', 'stage-0'],
plugins: ['react-html-attrs', 'transform-decorators-legacy', 'transform-class-properties'],
}
}
]
},
output: {
path: __dirname + "/public/",
filename: "build.js"
},
plugins: debug ? [] : [
new webpack.optimize.DedupePlugin(),
new webpack.optimize.OccurrenceOrderPlugin(),
new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
],
};
条目路径是相对于上下文的。当您希望它在
/src
中查找路径时,它正在public/src/
中查找文件。查看webpack.config.js的其余部分,您似乎根本不需要上下文行
您的基本URL是path.join(\uu dirname,“public”)
,您的条目是/src/index.js
。Webpack尝试在public
dir中查找/src/index.js
;显然它不存在。您应该将条目
修改为。/src/index.js
,我发现解决此问题的另一种方法是使用path.resolve()
这将确保webpack正在src
目录中查找入口点
顺便说一下,这是默认的入口点。您还可以将此入口点更改为合适的位置。只需将src
目录替换为您想要使用的另一个目录。我的webpack.config.js名为webpack.config.js,新的cli正在查找区分大小写的内容。我遇到了同样的问题,发现这是由于过去使用npm在全局范围内安装了create react app
造成的安装-g创建反应应用程序
由于create-react-app现在不应在全局范围内安装,因此我需要先使用npm uninstall-g create-react-app
卸载它,然后使用npx create-react-app*我的应用程序名*
默认情况下,Webpack不会查找.js文件。您可以将resolve.extensions配置为查找.ts。别忘了添加默认值,否则大多数模块都会崩溃,因为它们依赖于.js扩展是自动使用的
resolve: {
extensions: ['.js', '.json']
}
感谢@kermit中的错误。/src/index.js模块构建失败:错误:找不到相对于目录“C:\\Users\\ashik\\Desktop”的预设“es2016”
,但在我的案例中,我发现了新的错误。。在类似的导入错误中,谢谢!
resolve: {
extensions: ['.js', '.json']
}