TS2304:找不到名字'require‘

Question

Webpack (特别是令人敬畏的打字本-加载程序)无法构建我的应用程序，因为以下错误：

ERROR in [at-loader] ./src/app/app.ts:6:13
   TS2304: Cannot find name 'require'.

相关代码：

@Component({
  name: 'App',
  template: require('./app.template.pug') <---
})
export class AppComponent extends Vue {

}

有一个类似的问题here，它描述了完全相同的错误，我尝试了答案中提到的各种解决方案，但是没有成功：

1. package.json中安装了类型

"devDependencies": {
  " @types/node": "^7.0.22"
  ...

2. awesome-typescript-loader知道我的tsconfig.json

loader: 'awesome-typescript-loader',
options: {
  configFileName: 'tsconfig.json',
  useCache: config.build.useCaching
}

3. Types和type roots已在tsconfig.json中声明。

"typeRoots": [
  "node_modules/@types"
],
"types": [
  "node",
  "webpack"
],

4.我的自定义类型包括节点的定义。

declare module '*';
declare var require: any

还有什么我可以试试的吗？

Answer 1

我通过添加一个新的webpack.d.ts并向它添加以下内容来解决这个问题。

        declare var require: (filename: string) => any;