ReactJS：模块解析失败',, ... / index.js'，您可能需要适当的加载器来处理此文件类型

Question

我更改了从create-react-app生成的默认index.js文件位置。

这是我的目录结构：-

|--main-project
   |--client
      |--components
      |--pages
      |--public
      |--App.js
      |--index.js
   |--mode_modules
   |--server
   |--package.json
   |
   |-- /react small files like package-lock.json and stuff

我在node_module / react-scripts / config中对应的path.js配置

module.exports = {
  dotenv: resolveApp('.env'),
  appPath: resolveApp('.'),
  appBuild: resolveApp('build'),
  appPublic: resolveApp('public'),
  appHtml: resolveApp('client/public/index.html'),
  appIndexJs: resolveApp('client/index.js'),
  appPackageJson: resolveApp('package.json'),
  appSrc: resolveApp('src'),
  yarnLockFile: resolveApp('yarn.lock'),
  testsSetup: resolveApp('src/setupTests.js'),
  appNodeModules: resolveApp('node_modules'),
  publicUrl: getPublicUrl(resolveApp('package.json')),
  servedPath: getServedPath(resolveApp('package.json')),
// These properties only exist before ejecting:
 ownPath: resolveOwn('.'),
 ownNodeModules: resolveOwn('node_modules'), // This is empty on npm 3
};

我已经更改了appHtml和appIndexJS路径

如何告诉默认的jsx加载器查看这些文件？

Answer 1

将appSrc:resolveApp('src')更改为appSrc:resolveApp('client')

一切都应该正常工作！

不必使用默认文件结构，您可以按照上面的讨论进行配置。