加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

AngularJs打字稿:错误TS2307:找不到模块’angular’

发布时间:2020-12-17 08:51:14 所属栏目:安全 来源:网络整理
导读:我正在尝试组合Angular1.5 Typescript. 已安装所需类型: npm install @ types / angularjs 但仍然看到错误: error TS2307: Cannot find module ‘angular’ 已尝试过不同的选择: import 'angular';import 'angularjs'; //that is name inside @typesimpor
我正在尝试组合Angular1.5 Typescript.
已安装所需类型:

npm install @ types / angularjs

但仍然看到错误:

error TS2307: Cannot find module ‘angular’

已尝试过不同的选择:

import 'angular';
import 'angularjs'; //that is name inside @types
import angular from 'angularjs';
import * as angular from 'angular';

我正在使用:

"ts-loader": "1.0.0","typescript": "2.0.7","webpack": "1.13.3","webpack-dev-server": "1.16.2"

tsconfig非常标准:

{
  "compilerOptions": {
    "target": "es5","noImplicitAny": false,"sourceMap": false,"lib": ["es6","dom"],"typeRoots": ["./node_modules/@types"]
  },"exclude": ["node_modules"]
}

已经简化了webpack配置:
var webpack = new require(‘webpack’);

module.exports = {
  context: __dirname + '/src',entry: './index.ts',output: {
    path: './dist',filename: 'app.bundle.js'
  },module: {loaders: [{test: /.tsx?$/,loader: 'ts-loader'},]},resolve: {
    extensions: ['','.webpack.js','.web.js','.ts','.tsx','.js'],},plugins: [new webpack.NoErrorsPlugin()],devtool: 'source-map',devServer: {
    contentBase: './dist',historyApiFallback: true,inline: true
  }
};

我还简化了index.ts本身,只关注类型导入:

import * as angular from 'angular';
angular.module('testmodule',[]);

UPD:tsconfig.json.添加了typeRoots选项.

现在出现新错误:

ERROR in …/node_modules/@types/angularjs/angular-mocks.d.ts
(6,26): error TS2307: Cannot find module ‘angular’.

ERROR in …/node_modules/@types/angularjs/angular-mocks.d.ts
(65,49): error TS2304: Cannot find name ‘IServiceProvider’.

ERROR in …/node_modules/@types/angularjs/angular-mocks.d.ts
(122,62): error TS2304: Cannot find name ‘IScope’.

ERROR in …/node_modules/@types/angularjs/index.d.ts
(66,43): error TS2304: Cannot find name ‘JQuery’.

如果你在命令行中运行它应该解决问题.
npm install @types/angular

令人烦恼的是这个修复是由于某种原因它不会更新你的package.json ..但是如果你将以下内容添加到package.json中的依赖项而不是上面它应该修复问题并拥有package.json镜像你的包裹.

"@types/angular": "1.6.5","@types/jquery": "2.0.40",

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读