模块标题
...
超过120+基础模块，快速搭建你的响应式网站!
目前测试环境为`Node 18+`、`npm 9+`。 如果依赖安装失败（一般是升级了Nodejs版本，目前测试到Node 18+），可能是新版本的npm和旧版本的npm冲突，请使用如下命令安装依赖： ```sh $ npm install --legacy-peer-deps ``` 如果仍然安装失败，请使用此方法：删除 `package.json` 中的 **devDependencies**, 删除文件 `package-lock.json`，并重新安装依赖： ```sh $ npm install --save-dev @babel/core @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime @babel/polyfill @babel/preset-env @babel/preset-flow @babel/preset-react @babel/preset-typescript babel-loader babel-plugin-module-resolver clean-webpack-plugin cross-env css-loader css-minimizer-webpack-plugin express file-loader glslify-loader html-loader include-file-webpack-plugin json-loader log-timestamp mini-css-extract-plugin moment sass postcss prettier prettier-loader random-string raw-loader react react-dom sass-loader style-loader tar terser-webpack-plugin webpack webpack-cli webpack-concat-files-plugin webpack-dev-middleware webpack-dev-server ```**Step 4.** 运行下面的代码来实时开发项目，修改模块功能 ```sh $ npm run build ``` 使用 `Ctrl + C` 停止打包。 可以使用 `http://localhost:8080/examples/` 网址直接访问，建议使用本地服务器来访问，因为下面的网址是静态访问，不会执行AJAX请求，一些模块需要异步来测试效果。 **Step 5.** 预览页面而不编译打包，请运行下面命令: ```sh $ npm run preview ``` 通过 `http://localhost:3000` 可以预览所有页面。
但是没有办法在页面上运行 PHP 或获取 AJAX 请求。 您需要访问服务器上的链接，或通过 MAMP 构建服务器。然后可以访问类似的网址: http://localhost:{port}/uix-kit/examples/### 常见问题: **a) 如何使用模块?** 您可以在`src/components/_app-load.ts` and `src/components/_app-load-rtl.ts`中自定义要导入的模块。如果模块导入过多，因此您至少需要等待5.5秒（默认值，根据模块数量自动计算), 您可以根据需要导入相应的模块，在`webpack.config.js`中可以设置编译等待时间。 **b) 网站配置修改** 修改`package.json`文件即可： ```json { "author": "UIUX Lab", "name": "uix-kit", "email": "uiuxlab@gmail.com", "version": "1.0.0", "projectName": "Uix Kit", "createdInfo": "UIUX Lab (https://uiux.cc)", "projectURL": "https://uiux.cc", "description": "A free web kits for fast web design and development, compatible with Bootstrap v5.", ... } ``` **c) ERROR: npm update check failed.** 如果出现如上错误，表示nodejs的环境或权限问题，可以使用下面的命令解决，注意把{username}换成你自己的设备里的名字。 ```sh $ sudo chown -R $USER:$(id -gn $USER) /Users/{username}/.config ``` **d) ERROR: Node sass version 6.x.x is not compatible with ^ 4.x.x.** 如果出现如上错误,请修改node-sass的版本: ```sh $ npm install node-sass@4.14.1 ``` **e) 如果升级Node版本，请执行以下代码:** ```sh $ npm install $ npm rebuild node-sass ``` ## HTML模版 ### 1\. 静态HTML代码 ```html