复制 Angular 项目目录不起作用

Posted 2023-02-21

【中文标题】复制 Angular 项目目录不起作用

【英文标题】：Copying Angular project directory does not work

【发布时间】：2017-09-12 04:06:31

【问题描述】：

使用Angularquickstart脚本如下：

git clone https://github.com/angular/quickstart.git quickstart
cd quickstart
npm install
npm start

当我这样做时，一切正常。但是，如果我复制这个目录来创建一个新的 Angular 项目：

cp -r quickstart angular-project
cd angular-project
npm install
npm start

发生错误：

module.js:472
    throw err;
    ^

Error: Cannot find module '../lib/tsc.js'
    at Function.Module._resolveFilename (module.js:470:15)
    at Function.Module._load (module.js:418:25)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/username/src/angular/quickstart-test1/node_modules/.bin/tsc:2:1)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)

即使tsc.js 存在于新目录中的lib/ 下。

为什么会出现这个错误？

【参考方案1】：

问题很可能是文件 .angular-cli.json 没有通过“cp”命令复制到您的新目录中。手动添加并更改其中的项目名称。

【讨论】：

不，cp -r 也会复制“隐藏文件”。刚刚测试过了。

【参考方案2】：

这就是您解决此问题的方法。

如果您将快速入门项目的副本命名为 angular-project；

转到那个新的项目文件夹 $> cd 角度项目 删除 angular-project 中的 node_modules 文件夹 $> rm -rf 节点模块 重新安装 $> npm 安装 启动您的应用程序 $> npm 开始

【讨论】：

@Roman C. 你实际上是在正确的方向。您唯一缺少的步骤是删除 node_modules 文件夹。所以你的步骤是这样的。 1. cp -r quickstart angular-project 2. cd angular-project 3. rm -rf node_modules 4. npm install 5. npm start