(file:///Users/xueyan/Desktop/project/vite-react-template/node_modules/vite/dist/node/chunks/dep-c842e491.js:41421:30) at async loadAndTransform (file:///Users/xueyan/Desktop/project/vite-react-template/node_modules/vite/dist/node/chunks/dep-c842e491.js:37808:29) 00:27:05 [vite] ...
npm create vite@latest project-name -- --template react 更改project-name为你的项目名称。 这里我们将项目名称取为Demo项目。 所以我们的命令是: npm create vite@latest demo-project -- --template react 该命令将创建我们的项目文件夹。 注意:这里--template react指定我们正在使用 Vite 创建一个 React App...
首先是 package.json, 需要将 dependencies 中的基础库移到peerDependencies和 devDependencies 中: "dependencies": {"classnames":"^2.3.1"},"peerDependencies": {"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies": {"react":"^18.2.0","react-dom":"^18.2.0"}//react 版本根据实际需求...
如果想基于 typescript 编程方式， 可以直接修改 template 的值就好了， 改成 react-ts 即可。 我这里使用 npm 7+ 的命令行。 1. 创建最基础的脚手架 npm create vite@latest my-react-app -- --template react 使用 cd my-react-app进入到该目录。 查看目录结构。 2. 进入目录， 安装依赖 这里可以看到...
我使用的是pnpm包管理工具,你可以用你自己喜欢的包管理工具创建基础模板项目,本实例演示的是基于typescript的react模板 pnpm create vite my-react-app --template react-ts cd my-react-app pnpm i 终端运行完成后将显示 VITE v5.2.11 ready in 4533 ms ➜ Local: http://localhost:5173/ ➜ Network: ...
npm init @vitejs/app vite-react-ts-antd-starter -- --template react-ts 创建完安装依赖后,运行项目如图: 配置路由 npm i react-router-dom@5.3.0 由于v6 目前试用 ts 提示等有一些问题,避免讲解复杂还是直接简单点用 v5 版本,用法不变。 首先新建三个页面文件,在src/pages文件夹下新建三个页面 ...
pnpm create vite react-kao-app -- --template react 进入项目安装依赖: cd react-koa-app pnpm i 项目结构如下: image.png 配置vite 修改包的入口配置为 src/main.jsx,而不是根目录下默认的 index.html import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'// https://vitejs.dev/config...
npm init @vitejs/app vite-react-ts-antd-starter -- --template react-ts 创建完安装依赖后,运行项目如图: 配置路由 npm i react-router-dom@5.3.0 由于v6目前试用ts提示等有一些问题,避免讲解复杂还是直接简单点用v5版本,用法不变。 首先新建三个页面文件,在src/pages文件夹下新建三个页面 ...
使用babel插件@babel/plugin-transform-react-jsx,让Vite在运行时对js文件转换 按照文档描述在配置文件添加一点配置 exportdefaultdefineConfig({build:{rollupOptions:{input:[] } },optimizeDeps: {entries: [], }, }) 通过阅读@vite/plugin-react的文档,发现其支持传入babel插件 ...
npm create vite@latest host-app -- --template react 1. 2. 3. 4. 5. 设置远程应用 对远程应用程序,执行以下命令: 复制 npmcreatevite@latesttodo-components-- --template react 1. 这将创建两个文件夹,host-app和todo-components。接下来安装依赖项: ...