无法找到模块'angular'
Error Cannot find module 'angular'
我正在尝试通过https://ngthailand.gitbooks.io/ngcourse2-in-thai/content/handout/migrate/ng-upgrade/upgrade-component.html的指导将Angular 1迁移到Angular 2当我使用npm start运行时,它显示错误无法找到模块'angular'
systemjs.config.js/**
* System configuration for Angular 2 samples
* Adjust as necessary for your application needs.
*/
(function(global) {
// map tells the System loader where to look for things
var map = {
'app': 'app', // 'dist',
'@angular': 'node_modules/@angular',
'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
'rxjs': 'node_modules/rxjs'
};
// packages tells the System loader how to load when no filename and/or no extension
var packages = {
'app': { main: 'main.js', defaultExtension: 'js' },
'rxjs': { defaultExtension: 'js' },
'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' }
};
var ngPackageNames = [
'common',
'compiler',
'core',
'forms',
'http',
'platform-browser',
'platform-browser-dynamic',
'router',
'router-deprecated',
'upgrade',
];
// Individual files (~300 requests):
function packIndex(pkgName) {
packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
}
// Bundled (~40 requests):
function packUmd(pkgName) {
packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
}
// Most environments should use UMD; some (Karma) need the individual index files
var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
// Add package entries for angular packages
ngPackageNames.forEach(setPackageConfig);
var config = {
map: map,
packages: packages
};
System.config(config);
})(this);
如何解决这个问题?
创建package.json
文件并粘贴以下内容:
{
"name": "angular2-quickstart",
"version": "1.0.0",
"scripts": {
"start": "tsc && concurrently '"npm run tsc:w'" '"npm run lite'" ",
"lite": "lite-server",
"postinstall": "typings install",
"tsc": "tsc",
"tsc:w": "tsc -w",
"typings": "typings"
},
"license": "ISC",
"dependencies": {
"@angular/common": "2.0.0-rc.5",
"@angular/compiler": "2.0.0-rc.5",
"@angular/core": "2.0.0-rc.5",
"@angular/forms": "0.3.0",
"@angular/http": "2.0.0-rc.5",
"@angular/platform-browser": "2.0.0-rc.5",
"@angular/platform-browser-dynamic": "2.0.0-rc.5",
"@angular/router": "3.0.0-rc.1",
"@angular/router-deprecated": "2.0.0-rc.2",
"@angular/upgrade": "2.0.0-rc.5",
"systemjs": "0.19.27",
"core-js": "^2.4.0",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.6",
"zone.js": "^0.6.12",
"angular2-in-memory-web-api": "0.0.15",
"bootstrap": "^3.3.6"
},
"devDependencies": {
"concurrently": "^2.0.0",
"lite-server": "^2.2.0",
"typescript": "^1.8.10",
"typings":"^1.0.4"
}
}
并确保运行命令npm install
希望它能解决你的问题
相关文章:
- 如何管理不同的 Angular 模块依赖关系
- Angular模块仅适用于内联javascript
- 正在注入Angular模块:未知提供程序
- 什么'将一些有用的js库封装到angular模块是一种很好的做法
- 访问在不同.js文件中定义的Angular模块
- 如何等待Angular模块加载
- Jasmine无法实例化Angular模块
- angular模块名称全局声明和重用
- 如何读取angular模块内部的json配置文件
- 用Jasmine单元测试测试Angular模块
- 直接从Angular模块访问常量
- Angular模块私人会员
- angular模块名中的点是什么意思?
- 如何在节点脚本中重用Angular模块
- 运行我的应用时,出现了Angular模块注入错误
- 如何组织angular模块依赖关系
- 如何在angular模块运行块中进行Jasmine测试
- Angular模块——每个应用或特性一个
- 如何将browserify——require文件传递给angular模块
- Angular模块之间能相互依赖吗?