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')

一切都應該正常工作！

不必使用默認文件結構，您可以按照上面的討論進行配置。