为什么我的content总是在菜单栏下面，试了安装最新

Question

懵了，评论区的都试了，就是不行 请老师想个办法把，安装最新就会代码页面报错啊Failed to compile.

./node_modules/ant-design-vue/dist/antd.css (./node_modules/css-loader/dist/cjs.js??ref–7-oneOf-3-1!./node_modules/postcss-loader/src??ref–7-oneOf-3-2!./node_modules/ant-design-vue/dist/antd.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: ENOENT: no such file or directory, open ‘D:\文件\一些代码\wiki\wikipro\web\node_modules\ant-design-vue\dist\antd.css’

Answer 1

wulongyu 2023-10-26 16:11:48

经过不懈努力，终于发现了根因。是没有使用组件ant design vue组件

#npm i --save ant-design-vue

Answer 2

wulongyu 2023-10-26 15:21:33

我也遇到一样的问题，用的是老师的版本，代码也是老师的，content还是在下边

Answer 3

甲蛙 2023-06-28 09:26:03

你ant design vue安装和我课程一致的版本试试

提示你antd.css没找到，单独安装下试试，也是和课程版本一致

再一点，项目路径最好不要有中文，所有编程语言都有这要求，有可能语言、框架本身支持中文路径，但用到的第三方组件可能不兼容中文。

• 提问者 海海正在向前看 #1

  D:\文件\codes\wiki\wikipro\web>npm install --save ant-design-vue/dist/antd.css
  npm ERR! code ENOLOCAL
  npm ERR! Could not install from "ant-design-vue\dist\antd.css" as it does not contain a package.json file.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     C:\Users\Lenovo\AppData\Roaming\npm-cache\_logs\2023-06-28T10_57_27_583Z-debug.log
  
  D:\文件\codes\wiki\wikipro\web>