【发布时间】:2023-01-20 05:15:02
【问题描述】:
我正在开发一个 React App 并使用 Clasp 将文件推送到我的 google scripts webapp。 Parcel.js 用于编译。这是一个基本的 React 应用程序:
索引.js
import { createRoot } from 'react-dom/client';
import App from './App';
const container = document.getElementById('app');
const root = createRoot(container); // createRoot(container!) if you use TypeScript
root.render(<App />);
应用程序.js
//app.js
const App = () => {
return <div>Hello App!</div>
}
export default App
但是,一旦我将一个 @mui/material/ import 添加到 App.js 中,我就会收到错误消息。
import Button from "@mui/material/Button"
const App = () => {
return <div>Hello App!</div>
}
export default App
请注意,我什至没有使用 Button。在本地没有错误,但是在 google scripts webapp 上运行时,出现控制台错误:
Uncaught SyntaxError: missing ) 在参数列表之后
显然,Parcel 没有正确编译某些东西,但我无法弄清楚。先谢谢您的帮助。
【问题讨论】:
标签: javascript reactjs parceljs