Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未找到输入模块:错误:Can';t解析'/src/index.js';_Javascript_Reactjs_Webpack - Fatal编程技术网

Javascript 未找到输入模块:错误:Can';t解析'/src/index.js';

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 = {

我正在安装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 = {
        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']
}