1
私は現在、奇妙なエラーに遭遇しています。 json-loaderでimportを使ってjsonファイルをロードしようとしています。Typescript React TS2307がモジュールjsonを見つけることができません
import * as ApiConfig from "../../src/conf.json";
私は、cssモジュールとjsonモジュールの両方を定義するtypings.d.tsを作成しました。
declare module "*.json" {
const value: any;
export default value;
}
declare module "*.css" {
const content: any;
export default content;
}
私はtypings.d.tsファイルは私のWebStormで開かれていない場合は、私はこのエラーに
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の私のローダーは、それが持っている、実際にWebStormのバグだった
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"
}
]
おかげ
エラー:(1,28)TS2307: '../../ src/conf.json'.'モジュールが見つかりません。パスが間違っていることを意味します。 – niba
私のパスをダブルチェックして、それが正しいです1。私が言ったような見知らぬ人でも、アプリケーションはJSONをロードしています。私がこのエラーを抱えているのはちょうどウェブストームです。 –