Javascript Webpack:当前未配置任何加载程序来处理此文件

我正在尝试使用react创建一个chrome扩展，我使用npm run eject弹出react

我可以绑定background.js文件，因为它没有JSX，但我无法让babel正常工作，因为我无法绑定包含JSX的内容脚本，但我可以绑定包含JSX的index.js

在我的

package.json

中，我有：

{
  "babel": {
    "presets": [
      "react-app"
    ]
  }
}

import React from 'react'
import ReactDOM from 'react-dom'

const Content = () => {
  console.log('Hello from content script')

  return (
    <div>
      Hello world!
    </div>
  )
}

const app = document.createElement('div')
app.id = 'my-extension-root'
document.body.appendChild(app)

ReactDOM.render(<Content />, app)

在我的

content.js

中，我有：

{
  "babel": {
    "presets": [
      "react-app"
    ]
  }
}

import React from 'react'
import ReactDOM from 'react-dom'

const Content = () => {
  console.log('Hello from content script')

  return (
    <div>
      Hello world!
    </div>
  )
}

const app = document.createElement('div')
app.id = 'my-extension-root'
document.body.appendChild(app)

ReactDOM.render(<Content />, app)

---

除非有很好的理由，否则不应弹出应用程序。我建议你去看看。因为升级最新的

react脚本

将更容易，无需弹出。除非有很好的理由，否则不应弹出应用程序。我建议你去看看。因为升级最新的

react脚本

将更容易，无需弹出。