Typescript React TS2307找不到模块json。

Question

我目前遇到了一个奇怪的错误。我正在尝试使用json-loader和import来加载一个json文件。

import * as ApiConfig from "../../src/conf.json";

我已经创建了一个 typings.d.ts 来定义 css 和 json 模块。

declare module "*.json" {
   const value: any;
   export default value;
}


declare module "*.css" {
    const content: any;
    export default content;
}

当我没有在WebStorm中打开我的typings.d.ts文件时，我会遇到这个错误。

Error:(1, 28) TS2307:Cannot find module '../../src/conf.json'.

但是当我打开它时，就不会出现这个错误。

以下是我的tsconfig.json文件：

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es2015",
    "jsx": "react",
    "sourceMap": true,
    "allowJs": true,
    "experimentalDecorators": true
  },
  "exclude": [
    "node_modules"
  ]
}

这是我的webpack.config.js中的加载器：

loaders: [
            {
                exclude: [
                    /\.html$/,
                    /\.(js|jsx)$/,
                    /\.css$/,
                    /\.json$/,
                    /\.svg$/
                ],
                loader: 'url-loader',
                query: {
                    limit: 10000,
                    name: 'static/media/[name].[hash:8].[ext]'
                }
            },
            {
                test: /\.js$/,
                loader: 'babel-loader',
                include: [ path.resolve(__dirname, '../') ],
                exclude: [ path.resolve(__dirname, 'bundles') ],
                query: {
                    presets: ['react', 'es2015'],
                    plugins: ['transform-decorators-legacy'],
                    cacheDirectory:true
                },
                exclude: /(node_modules|bower_components)/
            },
            {
                test: /\.css$/,
                include: [ path.resolve(__dirname, '../') ],
                exclude: [ path.resolve(__dirname, 'bundles') ],
                loader: "style-loader!css-loader"
            },
            {
                test: /\.svg$/,
                loader: "svg-loader"
            },
            {
                test: /\.json$/,
                loader: "json-loader"
            }
        ]

谢谢

- Maxime Dupré Corriveau

---

错误：（1，28）TS2307：找不到模块'../../src/conf.json'。 这意味着路径是错误的。 - niba

我已经仔细检查了我的路径，它是正确的。更奇怪的是，正如我所说，应用程序正在加载JSON。只是在WebStorm中出现了这个错误。 - Maxime Dupré Corriveau

Answer 1

这实际上是WebStorm中的一个错误，已经在2017.1.1版本中修复。

- Maxime Dupré Corriveau

Answer 2

使用 var 替代 import。

var json = require('../../src/conf.json');

- Neeraj Kumar