Mac React工程编译、配置等错误记录(持续更新)

156 阅读1分钟

一.npm start运行报错 ENOENT: no such file or directory, open xxx

突然一下React工程编译跑不起来了,你需要查看你cd的工程目录有没有变化,对不对,如果有过切换或者没有进入对,那也是跑不起来的.

如果在目录正确的情况下还是不对请看下面的方法:

1.打开项目中的package.json文件

2.找到 scripts 那里 点击上面的调试运行.

20210506104741856.png

3.运行成功后 ctrl+c 关闭程序.

4.使用npm start 重启程序即可.

二.vscode中jsx中没有html语法提示,不能自动补全的解决办法

如下图所示,当我们输入一个div,编辑器并没有为我们提示语法。

截屏2023-01-03 09.58.44.png

解决办法: 打开vscode设置,搜索includeLanguages,然后点添加项,添加以javascript作为项,javascriptreact作为值,配置完成后保存,回到代码中可以看到在jsx中html语法可以提示。

b53944c17f95461ebff8f303f46c0e64.png

c82208c51974449d971d66fdb5450c1a.png

三.无法在js文件中引入css文件,import不提示css文件,硬打出来提示找不到这个文件.

这个是和Webpack有关的,让Webpack支持css文件的引入即可,我在网上查了一些资料,发现我只是按照资料安装了 style-loader 和 css-loader 就可以了,并没有按照资料上的安装完毕。本人初学自学者,时间紧迫,先留着此问题,以后详细学习Webpack.下面是我查到的资料步骤:

截屏2023-01-04 00.59.02.png

我在进行完上面的步骤一后,就可以强行引入css文件,并且css文件也起作用了.