关于项目安装报错的一些问题归类

1 react 项目启动报错 

Html Webpack Plugin:

  Error: Child compilation failed:
  Module.createRequire is not a function
  
  - child-compiler.js:169 childCompiler.runAsChild
    [prettie]/[html-webpack-plugin]/lib/child-compiler.js:169:18
  
  - Compiler.js:551 finalCallback
    [prettie]/[webpack]/lib/Compiler.js:551:5
  
  - Compiler.js:577 compile
    [prettie]/[webpack]/lib/Compiler.js:577:11
  
  - Compiler.js:1196 hooks.afterCompile.callAsync.err
    [prettie]/[webpack]/lib/Compiler.js:1196:17
  
  
  - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
    [prettie]/[tapable]/lib/Hook.js:18:14
  
  - Compiler.js:1192 compilation.seal.err
    [prettie]/[webpack]/lib/Compiler.js:1192:33
  
  - Compilation.js:2787 finalCallback
    [prettie]/[webpack]/lib/Compilation.js:2787:11
  
  - Compilation.js:3092 hooks.afterSeal.callAsync.err
    [prettie]/[webpack]/lib/Compilation.js:3092:11
  因为原本项目采用的是node v10.15.3版本。还有另外一个react项目采用比较高的node版本，在启动react项目时一直报错。删除node_modules无效。最后想起来node版本的问题。通过nvm 切换到16.12.0以后。正常运行。所以如果有这个报错。一定记得升级下node版本

2 vue3 项目中报错  Invalid route component at extractComponentsGuards

原因:  component写成了components

 {
            path:"/system/role",
            name:"role",
            component:()=>import("@/pages/System/role.vue"),
            meta:{
                title:"角色管理",
                hidden:false,
                roles:["editor"]
            },
        },