react 踩坑记

最新推荐文章于 2023-09-19 21:29:15 发布

weixin_37223309

最新推荐文章于 2023-09-19 21:29:15 发布

阅读量104

点赞数

本文链接：https://blog.csdn.net/weixin_37223309/article/details/103052069

版权

安装nodejs

安装webpack之前安装webpack4.x对应版本的nodejs，不然
执行webpack -v命令时报错如下：

F:\Development\nodejs\node_global\node_modules\webpack\bin\webpack.js:86
let notify =
^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Function.Module.runMain (module.js:441:10)
at startup (node.js:139:18)
at node.js:968:3
进到nodejs官网https://nodejs.org/zh-cn/进行傻瓜式安装
安装完成以后，在终端输入node，出现C:\Users\Raytine>node
Welcome to Node.js v12.13.0.

Type ".help" for more information.则是安装成功
，如果出现 'node' 不是内部或外部命令，也不是可运行的程序或批处理文件。则是node环境变量配置的问题。配置 NODE_PATH 值是nodejs的安装路径，点击确定。重新打开终端输入node应该就可以了

2.运行npm init -y，快速初始化项目
创建src
快速生成HTML
输入英文！加tab
全局安装cnpm ，使用 npm list --depth=0 -global 查看一下你是否安装了cnpm，如果的确没有安装：执行下面命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
报错Target container is not a DOM element. 可能是
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

//含有这一行代码导致的

</head>

<body>

<div id="hs">hfdjshfjs</div>

</body>

</html>

关注